var plugin
var main
var stage_width
var pageurl

var directory="./screens/"
var contentArr=new Array("screen1","screen2","screen3")
var urlArr=new Array("http://www.agcain.com","http://www.smd-electrical.com","http://www.marshmallow-tea-restaurant.co.uk")
var urlname=new Array("Ag Cain","SMD electrical","Marshmallow")

var tile_img_width=280
var tile_img_height=300
var tile_spacing
var tile_top=0
var tile_scale=1
var time_to_move=0.6
var pressed=false
var screen_cnt=1


var objsArr =new Array()
objsArr["tilesHolder"]=new Object()



function mainCanvasLoaded(s) {

	//alert("main loaded")
		
	main=s.findName("mainCanvas")
	plugin = s.getHost()
	
	stage_width=800
	tile_spacing=stage_width/2+tile_img_width/2
	
	hdr=main.findName("info").text="Screen 1/"+contentArr.length
	
	pageurl="Goto - "+urlname[screen_cnt-1];
	hdr=main.findName("info-url").text=pageurl;

	
	buildImages()
}




var tilesHolder_left

function buildImages() {

	
	tilesHolder_left=stage_width/2-tile_img_width/2
	
	var tileHolder_str = '<Canvas Name="tilesHolder" Canvas.Left="'+tilesHolder_left+'" Canvas.Top="100">';	
	
	for(i=0;i<contentArr.length;i++) {		
			
		tileHolder_left=i*tile_spacing  
		tileHolderReflection_top=(tile_img_height*2)
		
				
		tileHolder_str += 		'<Canvas Name="tileHolder_'+i+'" Canvas.Left="'+tileHolder_left+'" Canvas.Top="'+tile_top+'" >'
		
		tileHolder_str += 		'	<Canvas Name="imgHolderReflection_'+i+'" Canvas.Top="'+tileHolderReflection_top+'">'
		tileHolder_str += 		'		<Canvas.OpacityMask>'
		tileHolder_str += 		'			<LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">'           
		tileHolder_str += 		'	      		<GradientStop Offset="0.37" Color="#00000000"  />'      
		tileHolder_str += 		'	      		<GradientStop Offset="1" Color="#88000000"  />'
		tileHolder_str += 		'	      	</LinearGradientBrush>'          
		tileHolder_str += 		'		</Canvas.OpacityMask>'
		tileHolder_str += 		'		<Canvas.RenderTransform><TransformGroup><ScaleTransform Name="ReflectionScaleTransform_'+i+'" ScaleY="-1" ScaleX="1" CenterX="0" CenterY="0" /></TransformGroup></Canvas.RenderTransform>'
		tileHolder_str +=		'		<Image Name="imgReflection_'+i+'" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" Source="'+directory+contentArr[i]+'.jpg" />'
		tileHolder_str +=		'	</Canvas>'		

		tileHolder_str += 		'	<Canvas Name="imgHolder_'+i+'"  >'
		tileHolder_str += 		'		<Image Name="img_'+i+'" Stretch="Fill" Width="'+tile_img_width+'" Height="'+tile_img_height+'" MouseEnter="tileEnter" MouseLeave="tileLeaveX" MouseLeftButtonDown="tilePressX" Source="'+directory+contentArr[i]+'.jpg" />'
		tileHolder_str +=		'	</Canvas>'
		
		tileHolder_str +=		'</Canvas>'	

		
	
	}


	tileHolder_str += '</Canvas>';	           
	tileHolderTag=plugin.content.createFromXaml(tileHolder_str)
	main.children.add(tileHolderTag)

}




function arrowEnter(s) {
	s.opacity=0.7
}

function arrowLeave(s) {
	s.opacity=0.15
}

function arrowPress(s,e) {
	
	holder=objsArr["tilesHolder"]
	holderRef=s.findName("tilesHolder")
	var propX=holderRef["Canvas.Left"]
	var num=(contentArr.length-1)*tile_spacing-tilesHolder_left
	
	rightArrowRef=main.findName("arrowRight")
	leftArrowRef=main.findName("arrowLeft")

	//window.status=propX+" "+num
	
	if(!pressed) {
	
		pressed=true

		if(s.name=="arrowRight") {
			
			
			leftArrowRef.visibility="Visible"
			leftArrowRef.opacity=0.15
			
			if(propX!=-num) {
				var final_propX=propX-tile_spacing
				screen_cnt++
				if(screen_cnt==contentArr.length) {
					rightArrowRef.visibility="Collapsed"				
				}				
				
			}
			else {
				var final_propX=propX
				screen_cnt=contentArr.length
			}
		}
		else {
		
			rightArrowRef.visibility="Visible"
			rightArrowRef.opacity=0.15
			
			if(propX!=tilesHolder_left) {
				var final_propX=propX+tile_spacing
				screen_cnt--
				if(screen_cnt==1) {
					leftArrowRef.visibility="Collapsed"				
				}
			}
			else {
				var final_propX=propX
				screen_cnt=1
			}
		}


		holder.tweenX = new Tween(new Object(),'x',Tween.regularEaseOut,propX,final_propX,time_to_move)

		holder.tweenX.onMotionChanged = function(event){	
			holderRef["Canvas.Left"] = event.target._pos
		}

		holder.tweenX.onMotionFinished = function(event){
			pressed=false	
			hdr=main.findName("info").text="Screen "+screen_cnt+"/"+contentArr.length
			
			pageurl="Goto - "+urlname[screen_cnt-1];
			hdr=main.findName("info-url").text=pageurl;
		}
		
		holder.tweenX.start()	
	}

}

function gotowebsite() {
	pageurl=urlArr[screen_cnt-1];
	window.open(pageurl,"","height=500,width=500,scrollbars=yes,resizable=yes");
}