var tile_img_width=120
var container_width = 650
var tile_img_height=80
var tile_spacing=140
var tile_top=0
var tile_scale=1
var tile_z=0
var tile_scale_up_to=1.4
var tileObjsArr=new Array()
var nrItems
var tileHolder_width

	function buildImages() 
	{
		nrItems = 2
		var tileHolder_str = '<Canvas Name="tilesHolder" Canvas.Left="0" Canvas.Top="0">' + "\n";	
		
			
			tileObjsArr[0]=new Object()
			tileObjsArr[0].x=0*tile_spacing
			tileObjsArr[0].y=tile_top	
			tileObjsArr[0].z=tile_z
			tileObjsArr[0].width=tile_img_width
			tileObjsArr[0].height=tile_img_height
			tileObjsArr[0].scale=tile_scale
			tileObjsArr[0].center_x=tile_img_width/2
			tileObjsArr[0].center_y=tile_img_height/2
			if(0<Math.floor(1)) 
			{
				if(0==((2-1)/2)) 
				{
					tile_z=1
				}
				else 
				{
					tile_z+=1
				}
			}
			else 
			{
				tile_z-=1
			}

			tileHolder_left=tileObjsArr[0].x
			tileHolder_top=tileObjsArr[0].y
			tile_z=tileObjsArr[0].z
			tileHolderReflection_top=(tileObjsArr[0].height*2)
			tile_img_width=tileObjsArr[0].width
			tile_img_height=tileObjsArr[0].height
			scale_x=scale_y=tileObjsArr[0].scale
			center_x=tileObjsArr[0].center_x
			center_y=tileObjsArr[0].center_y
			tileHolder_str += '  <Canvas Name="tileHolder_0" Canvas.Left="'+tileHolder_left+'" Canvas.Top="'+tileHolder_top+'" Canvas.ZIndex="'+tile_z+'">' + "\n"
			tileHolder_str +=	'    <Canvas Name="imgHolderReflection_0" Canvas.Top="'+tileHolderReflection_top+'">' + "\n"
			tileHolder_str += '      <Canvas.OpacityMask>' + "\n"
			tileHolder_str += '        <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">' + "\n"
			tileHolder_str += '          <GradientStop Offset="0.37" Color="#00000000"  />' + "\n"
			tileHolder_str += '          <GradientStop Offset="1" Color="#88000000"  />' + "\n"
			tileHolder_str += '        </LinearGradientBrush>' + "\n"
			tileHolder_str += '      </Canvas.OpacityMask>' + "\n"
			tileHolder_str += '      <Canvas.RenderTransform>' + "\n"
			tileHolder_str += '        <TransformGroup>' + "\n"
			tileHolder_str += '          <ScaleTransform Name="ReflectionScaleTransform_0" ScaleY="-1" ScaleX="1" CenterX="0" CenterY="0" />' + "\n"
			tileHolder_str += '        </TransformGroup>' + "\n"
			tileHolder_str += '      </Canvas.RenderTransform>' + "\n"
			tileHolder_str += '      <Image Name="imgReflection_0" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" Source="http://www.crossmediaventures.com/images/sbs/oranje/oranjejournaal5feb.jpg" />' + "\n"
			tileHolder_str += '    </Canvas>' + "\n"
			tileHolder_str += '    <Canvas Name="imgHolder_0"  >' + "\n"
			tileHolder_str += '      <Image Name="img_0" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" MouseEnter="tileEnter" MouseLeave="tileLeave" MouseLeftButtonDown="loadPlayer" Cursor="Hand" Tag="http://www.garnierstreamingmedia.com/asx/playlister_standaard_new.asp?videoID=3712;426;304" Source="http://www.crossmediaventures.com/images/sbs/oranje/oranjejournaal5feb.jpg" />' + "\n"
			tileHolder_str += '    </Canvas>' + "\n"
			tileHolder_str += '    <Canvas.RenderTransform>' + "\n"
			tileHolder_str += '      <ScaleTransform Name="st_0" ScaleX="'+scale_x+'" ScaleY="'+scale_y+'" CenterX="'+center_x+'" CenterY="'+center_y+'"/>' + "\n"
			tileHolder_str += '    </Canvas.RenderTransform>' + "\n"
			
			tileHolder_str += '		 <TextBlock Width="' + tile_img_width + '" Height="10" Canvas.Top="' + tile_img_height + '" Visibility="Visible" TextWrapping="Wrap" Canvas.Left="10" FontSize="11"><Run Foreground="#FFFFFFFF" Text="Oostenrijk - Nederland " /></TextBlock>' + "\n"		
			
			tileHolder_str += '  </Canvas>' + "\n"
			tileObjsArr[0].parent="tileHolder_"+0
			tileObjsArr[0].scaleTransform="st_"+0
			
			tileObjsArr[1]=new Object()
			tileObjsArr[1].x=1*tile_spacing
			tileObjsArr[1].y=tile_top	
			tileObjsArr[1].z=tile_z
			tileObjsArr[1].width=tile_img_width
			tileObjsArr[1].height=tile_img_height
			tileObjsArr[1].scale=tile_scale
			tileObjsArr[1].center_x=tile_img_width/2
			tileObjsArr[1].center_y=tile_img_height/2
			if(1<Math.floor(1)) 
			{
				if(1==((2-1)/2)) 
				{
					tile_z=1
				}
				else 
				{
					tile_z+=1
				}
			}
			else 
			{
				tile_z-=1
			}

			tileHolder_left=tileObjsArr[1].x
			tileHolder_top=tileObjsArr[1].y
			tile_z=tileObjsArr[1].z
			tileHolderReflection_top=(tileObjsArr[1].height*2)
			tile_img_width=tileObjsArr[1].width
			tile_img_height=tileObjsArr[1].height
			scale_x=scale_y=tileObjsArr[1].scale
			center_x=tileObjsArr[1].center_x
			center_y=tileObjsArr[1].center_y
			tileHolder_str += '  <Canvas Name="tileHolder_1" Canvas.Left="'+tileHolder_left+'" Canvas.Top="'+tileHolder_top+'" Canvas.ZIndex="'+tile_z+'">' + "\n"
			tileHolder_str +=	'    <Canvas Name="imgHolderReflection_1" Canvas.Top="'+tileHolderReflection_top+'">' + "\n"
			tileHolder_str += '      <Canvas.OpacityMask>' + "\n"
			tileHolder_str += '        <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">' + "\n"
			tileHolder_str += '          <GradientStop Offset="0.37" Color="#00000000"  />' + "\n"
			tileHolder_str += '          <GradientStop Offset="1" Color="#88000000"  />' + "\n"
			tileHolder_str += '        </LinearGradientBrush>' + "\n"
			tileHolder_str += '      </Canvas.OpacityMask>' + "\n"
			tileHolder_str += '      <Canvas.RenderTransform>' + "\n"
			tileHolder_str += '        <TransformGroup>' + "\n"
			tileHolder_str += '          <ScaleTransform Name="ReflectionScaleTransform_1" ScaleY="-1" ScaleX="1" CenterX="0" CenterY="0" />' + "\n"
			tileHolder_str += '        </TransformGroup>' + "\n"
			tileHolder_str += '      </Canvas.RenderTransform>' + "\n"
			tileHolder_str += '      <Image Name="imgReflection_1" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" Source="http://www.crossmediaventures.com/images/sbs/oranje/nabeschouwingzwitserlandnederland.jpg" />' + "\n"
			tileHolder_str += '    </Canvas>' + "\n"
			tileHolder_str += '    <Canvas Name="imgHolder_1"  >' + "\n"
			tileHolder_str += '      <Image Name="img_1" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" MouseEnter="tileEnter" MouseLeave="tileLeave" MouseLeftButtonDown="loadPlayer" Cursor="Hand" Tag="http://www.garnierstreamingmedia.com/asx/playlister_standaard_new.asp?videoID=3710;426;304" Source="http://www.crossmediaventures.com/images/sbs/oranje/nabeschouwingzwitserlandnederland.jpg" />' + "\n"
			tileHolder_str += '    </Canvas>' + "\n"
			tileHolder_str += '    <Canvas.RenderTransform>' + "\n"
			tileHolder_str += '      <ScaleTransform Name="st_1" ScaleX="'+scale_x+'" ScaleY="'+scale_y+'" CenterX="'+center_x+'" CenterY="'+center_y+'"/>' + "\n"
			tileHolder_str += '    </Canvas.RenderTransform>' + "\n"
			
			tileHolder_str += '		 <TextBlock Width="' + tile_img_width + '" Height="10" Canvas.Top="' + tile_img_height + '" Visibility="Visible" TextWrapping="Wrap" Canvas.Left="10" FontSize="11"><Run Foreground="#FFFFFFFF" Text="Oranje Journaal 25 Maart" /></TextBlock>' + "\n"		
			
			tileHolder_str += '  </Canvas>' + "\n"
			tileObjsArr[1].parent="tileHolder_"+1
			tileObjsArr[1].scaleTransform="st_"+1
		

		tileHolder_str += '</Canvas>';	           

		tileHolder_width=tileObjsArr[nrItems - 1].x + tileObjsArr[nrItems-1].width

		tileHolderTag=plugin.content.createFromXaml(tileHolder_str)
		main.children.add(tileHolderTag)
		
		var container=main.findName("tilesHolder")
		
		clips_width = nrItems * tile_spacing
		if (clips_width < container_width)
		{
			offset = (container_width - clips_width) / 2
			container["Canvas.Left"] = offset + 10
		}
	}