// JScript File

/*****Declare global variables *************/
var RootCanvas;
var IsLabelsClicked= false;
var downloader;
var token;
var jsonBrandsObject;
var jsonDressObject;
var BrandID;
var BrandIndex;
var videoClicked=0;
var PageNum=0;
var DressID;
var markertoken;

//var mmsURL= "assets/media/"
//var mmsURL= "mms://ILDOT168:113/PiramydMedia/"
var mmsURL= "mms://64.38.0.26:1200/PiramydSilverlight/";


function CanvasLoaded(sender, args)
{
    RootCanvas = sender;
    
    sender.findName("feedback").addEventListener("MouseLeftButtonDown","OpenFeedback"); 
    
    downloader = sender.getHost().createObject("downloader");
    token = downloader.addEventListener("Completed",OnBrandsJSONCreated);   
    downloader.open("GET","GenerateJSON.aspx");//1 - Get the brand list with details
    downloader.send();   
	
	sender.findName("play_video").addEventListener("mouseenter", "video_play_rollover");
	sender.findName("play_video").addEventListener("mouseleave", "video_play_rollout");
}

/********** Pre-download  for Canvas load starts here ********/
//Downloader Media Playing continuously till download Complete
function onDownloadStart()
{
	RootCanvas.findName("DownloaderMedia").Opacity = 1;    
    RootCanvas.findName("DownloaderMedia").AutoPlay= true;
    RootCanvas.findName("DownloaderMedia").Play();
    RootCanvas.findName("DownloaderMedia").addEventListener("mediaEnded", "startMedia");	   
    RootCanvas.findName("progressText").Opacity = 1;
    RootCanvas.findName("progressText").Text = "Loading content ... " //+ percentage + "%";
}

// Loop Downloader Media
function startMedia(sender,args)
{
	RootCanvas.findName("DownloaderMedia").stop();
	RootCanvas.findName("DownloaderMedia").Play();
}

//After Downloading, Stop Downloader Media
function onDownloadEnd(sender,args)
{
	RootCanvas.findName("DownloaderMedia").Opacity = 0;
	RootCanvas.findName("progressText").Opacity = 0;
	RootCanvas.findName("DownloaderMedia").AutoPlay= false;
	RootCanvas.findName("DownloaderMedia").stop();
}

var thMenuImg;
var thMenuMedia;
var thMenuRect;
var jsonRowIndex=0;
var MenuDownloader;

function OnBrandsJSONCreated(sender, args)
{
    var jsonBrandsText = sender.getResponseText("");
    //downloader.removeEventListener("Completed",token); 
    jsonBrandsObject = eval('(' + jsonBrandsText + ')');  
    
    onDownloadStart();	
	DownloadMenuImages();	
}

function DownloadMenuImages()
{ 
    if(jsonRowIndex<jsonBrandsObject.FashionBrands.length)
    {
        MenuDownloader = RootCanvas.getHost().createObject("downloader");	
        MenuDownloader.addEventListener("Completed","onMenuThumbImgDownloaded");  
        MenuDownloader.open("GET","assets/Thumbnails/"+jsonBrandsObject.FashionBrands[jsonRowIndex].MenuImg);//1 - Get the brand list with details
        MenuDownloader.send(); 
    }
    else
    {        
        RootCanvas.findName("labels").addEventListener("MouseLeftButtonDown","LabelsClicked");
        //RootCanvas.findName("labels_arrow").addEventListener("MouseLeftButtonDown","LabelsClicked");
        //RootCanvas.findName("labels_path").addEventListener("MouseLeftButtonDown","LabelsClicked");
        jsonRowIndex=0;
    }
}

function onMenuThumbImgDownloaded(sender,args)
{
    
    if(jsonRowIndex<jsonBrandsObject.FashionBrands.length)
    {      
        var thcanvasleft = 150 * jsonRowIndex;
		var RectBorder="#FFEBD0D0";
	
		if(jsonBrandsObject.FashionBrands[jsonRowIndex].BrandID==BrandID)
		{
			RectBorder="#FFFF0000";
		}
		thMenuImg= '<Image Name="MenuImg' + (jsonRowIndex+1) + '" Canvas.Top="0" Canvas.Left="'+thcanvasleft+'" Canvas.ZIndex="2" Opacity="1" Cursor="Hand" MouseEnter="OnMenuImageMouseEnter" MouseLeave="OnMenuImageMouseLeave" MouseLeftButtonDown="MenuImageClick" Width="140"  Height="98"/>'
		thMenuMedia= '<MediaElement Name="ThMedia' + (jsonRowIndex+1) + '" Canvas.Top="0" Canvas.Left="'+thcanvasleft+'"  Cursor="Hand" Canvas.ZIndex="1" Opacity="0"  Width="140"  Height="99" AutoPlay="False" IsMuted="True" Clip="M2.5,12.838706 C2.5,7.3226481 6.9002112,2.851 12.328147,2.851 L129.67185,2.851 C135.09979,2.851 139.5,7.3226481 139.5,12.838706 L139.5,94.863292 C139.5,100.37935 135.09979,104.851 129.67185,104.851 L12.328147,104.851 C6.9002112,104.851 2.5,100.37935 2.5,94.863292 z"/>'		 
		thMenuRect= '<Rectangle Stroke="'+RectBorder+'" RadiusX="9" RadiusY="9" Canvas.Top="0" Canvas.Left="'+thcanvasleft+'" Width="140"  Height="100" Canvas.ZIndex="2" StrokeThickness="2" Name="MenuRect' + (jsonRowIndex+1) + '"/>'
		
		RootCanvas.findName("thumbs_parent").children.add(RootCanvas.getHost().content.createFromXaml(thMenuImg));
		RootCanvas.findName("thumbs_parent").children.add(RootCanvas.getHost().content.createFromXaml(thMenuMedia));
		RootCanvas.findName("thumbs_parent").children.add(RootCanvas.getHost().content.createFromXaml(thMenuRect));
		RootCanvas.findName("MenuImg"+(jsonRowIndex+1)).setSource(sender,"");
		RootCanvas.findName("th"+(jsonRowIndex+1)).setSource(sender,"");
		
		RootCanvas.findName("th"+(jsonRowIndex+1)).addEventListener("MouseLeftButtonDown","ShowBrandContent"); 	
		
		jsonRowIndex +=1;
		if(jsonRowIndex<jsonBrandsObject.FashionBrands.length)
		{
			DownloadMenuImages();
		}
		else
		{
			DownloadLandingBigImage();
		}
		
	sender.findName("next").addEventListener("mouseenter","next_rollover");
	sender.findName("next").addEventListener("mouseleave","next_rollout");
	sender.findName("prev").addEventListener("mouseenter","prev_rollover");
	sender.findName("prev").addEventListener("mouseleave","prev_rollout");
    }
}

function DownloadLandingBigImage()
{
    MenuDownloader = RootCanvas.getHost().createObject("downloader");	
    MenuDownloader.addEventListener("Completed","onLandingImgDownloaded");  
    MenuDownloader.open("GET","Images/landing01.jpg");
    MenuDownloader.send(); 
}

function onLandingImgDownloaded(sender,args)
{
    sender.findName("landingbg").setSource(sender,"");  
	onDownloadEnd();
	RootCanvas.findName("landing_in").begin(); 
	RootCanvas.findName("landing_in").addEventListener("Completed","onLandingIn");
}

function onLandingIn(sender,args)
{
	for(var thimgs = 0; thimgs<jsonBrandsObject.FashionBrands.length; thimgs++)
    {
		RootCanvas.findName("th"+(thimgs+1)).IsHitTestVisible = true;
	}
}

/********** Show/hide brand menu on Lables clicked*********/
function LabelsClicked()
{
    if(IsLabelsClicked == false)
    {
        RootCanvas.findName("labels_in").begin();
        IsLabelsClicked=true;
    }
    else 
    {
        RootCanvas.findName("labels_out").begin();
        IsLabelsClicked=false;
    }    
}
/********** End of Lables clicked*********/
function MenuScrollPrev(sender, args)
{
	sender.findName("labels_scroll01").begin();
	MenuScroll = true;
	sender.findName("next").cursor="Hand";
	sender.findName("prev_rollout").begin();
	sender.findName("prev").IsHitTestVisible=false;
	sender.findName("prev").Opacity=0.5;
	sender.findName("next").Opacity=1;
	sender.findName("next").IsHitTestVisible=true;
}

function MenuScrollNext(sender, args)
{
	sender.findName("labels_scroll_02").begin();
	sender.findName("prev").cursor="Hand";
	sender.findName("prev").Opacity=1;
	sender.findName("next").Opacity=0.5;
	sender.findName("prev").IsHitTestVisible=true;
	sender.findName("next_rollout").begin();
	sender.findName("next").IsHitTestVisible=false;
}

/********** Pre-download  for Canvas load Ends here ********/
/********** downloader for clicking on Brand thumbnails/ labels menu  ********/
function ShowBrandContent(sender, args)
{    
    BrandIndex = sender.name.replace("th","");
    sender.findName("landing_out_t"+BrandIndex).begin();
    for(var thimgs = 0; thimgs<jsonBrandsObject.FashionBrands.length; thimgs++)
    {
		RootCanvas.findName("th"+(thimgs+1)).IsHitTestVisible = false;
	}
    sender.findName("landing_out_t"+BrandIndex).addEventListener("Completed","AssignBrandContent");    
    PageNum=1; 
    ResetMenuImages();
	//ActivateAllMenus();
	sender.findName("ThMedia"+BrandIndex).Opacity=0;
    sender.findName("MenuImg"+BrandIndex).Opacity=1;
    sender.findName("MenuImg"+BrandIndex).isHitTestVisible = false;
    sender.findName("ThMedia"+BrandIndex).isHitTestVisible = false;
}

function AssignBrandContent(sender, args)
{
	//alert("AssignBrandContent");
    if(PageNum==1)
    {
        RootCanvas.findName("landing_out_t"+BrandIndex).stop(); 
		
    }
	if(PageNum==4)
    {
        RootCanvas.findName("label_intro").begin();
    }
    onDownloadStart(); 
    RootCanvas.findName("labels").IsHitTestVisible=false;
	RootCanvas.findName("downloads").IsHitTestVisible=false;
	RootCanvas.findName("panel_out").begin();
    DownloadBrandBigImage();
}

function DownloadBrandBigImage()
{ 
    for(var i=0; i<jsonBrandsObject.FashionBrands.length; i++)
    { 
      if(jsonBrandsObject.FashionBrands[i].MenuImg=="th"+BrandIndex+".png")
        {   
			
			BrandID = jsonBrandsObject.FashionBrands[i].BrandID;

            RootCanvas.findName("brand_title").UnicodeString = jsonBrandsObject.FashionBrands[i].Heading;   
            RootCanvas.findName("brand_content").Text = jsonBrandsObject.FashionBrands[i].Description;
            RootCanvas.findName("mediaElement").Source=mmsURL + jsonBrandsObject.FashionBrands[i].MediaFile;
            RootCanvas.findName("mediaElement").addEventListener("mediaEnded", "onMediaEnded");
			
			
            MenuDownloader = RootCanvas.getHost().createObject("downloader");	
            MenuDownloader.addEventListener("Completed","onBrandBigImagegDownload");  
            MenuDownloader.open("GET","assets/BigImages/"+jsonBrandsObject.FashionBrands[i].BigImage);
            MenuDownloader.send(); 
        }
    }      
	//alert(RootCanvas.findName("mediaElement").Source);
}

function onBrandBigImagegDownload(sender, args)
{   

	RootCanvas.findName("brand_bg").setSource(sender,"");
	var ThumbDownloader = RootCanvas.getHost().createObject("downloader");
    ThumbDownloader.addEventListener("Completed","onDressInfoDownloaded");   
    ThumbDownloader.open("GET","Thumbnails.xaml");
    ThumbDownloader.send();  
}

function onDressInfoDownloaded(sender, args)
{
	var XamlText = "";
    XamlContent = sender.getResponseText("");
    sender.findName("thumbnails_small").children.clear();
    sender.findName("thumbnails_small").children.add(sender.getHost().content.createFromXaml(XamlContent));
	
	var  MenuDownloader1 = RootCanvas.getHost().createObject("downloader");	    
    MenuDownloader1.addEventListener("Completed","onDressInfoAssign");
    MenuDownloader1.open("GET","GenerateJSON.aspx?BrandID="+BrandID);
    MenuDownloader1.send();
	
}

var smoothanitime = 0;

function onDressInfoAssign(sender, args)
{
   var jsonDressinfo = sender.getResponseText("");
   jsonDressObject = eval('(' + jsonDressinfo + ')');    

   var control = sender.getHost();
    
	if(jsonDressObject.BrandDresses.length>0)
	{
        var arc = 
        '<Canvas Name="small_thumbs" Width="593" Height="53" RenderTransformOrigin="0.5,0.5">'
				+'<Canvas.RenderTransform>'
				+'	<TransformGroup>'
				+'		<ScaleTransform ScaleX="1" ScaleY="1"/>'
				+'		<SkewTransform AngleX="0" AngleY="0"/>'
				+'		<RotateTransform Angle="0"/>'
				+'		<TranslateTransform X="0" Y="0"/>'
				+'	</TransformGroup>'
				+'</Canvas.RenderTransform>'        
        	
        for(var i=0; i<jsonDressObject.BrandDresses.length; i++)
        { 
			 var thcanvasleft = 60 * i + 2;
  			arc+= '<Image Width="51" Height="51" MouseLeftButtonDown="onDressThumbClicked" Name="thimg' + jsonDressObject.BrandDresses[i].DressID + '" Canvas.Top="3" Canvas.Left="'+thcanvasleft+'" Opacity="0.6" Cursor="Hand">'
			   +  '	  <Image.RenderTransform>'
			   +  '			<TransformGroup>'
			   +  '				<ScaleTransform ScaleX="1" ScaleY="1" Name="ThImgScale' + jsonDressObject.BrandDresses[i].DressID + '"/>'
			   +  '				<SkewTransform AngleX="0" AngleY="0"/>'
			   +  '				<RotateTransform Angle="0"/>'
			   +  '				<TranslateTransform X="0" Y="0"/>'
			   +  '			</TransformGroup>'
			   +  '		</Image.RenderTransform>'
			   +  '	</Image>'
			   +  '<Rectangle Width="51" Name="thRedRect' + jsonDressObject.BrandDresses[i].DressID + '" Height="51" Stroke="#FFFF0000" StrokeThickness="2" RadiusX="4" RadiusY="4" Canvas.Top="3" Canvas.Left="'+thcanvasleft+'" Opacity="0"/>'
               +  '<Rectangle Width="51" Name="thYellowRect' + jsonDressObject.BrandDresses[i].DressID + '" Height="51" Stroke="#FFFFE600" StrokeThickness="2" RadiusX="4" RadiusY="4" Canvas.Top="3" Canvas.Left="'+thcanvasleft+'" Opacity="0" Canvas.ZIndex="1">'
			   +  '		<Rectangle.RenderTransform>'
			   +  '			<TransformGroup>'
			   +  '				<ScaleTransform ScaleX="1" ScaleY="1" Name="ThBlueRedScale' + jsonDressObject.BrandDresses[i].DressID + '"/>'
			   +  '				<SkewTransform AngleX="0" AngleY="0"/>'
			   +  '			<RotateTransform Angle="0"/>'
			   +  '				<TranslateTransform X="0" Y="0"/>'
			   +  '			</TransformGroup>'
			   +  '		</Rectangle.RenderTransform>'
			   +  '	</Rectangle>'
        }

		arc+='<Canvas.Resources>'

		LastThPosition = 60 * (jsonDressObject.BrandDresses.length-7);
		
		for(var i=0; i<jsonDressObject.BrandDresses.length; i++)
		{ 
			 var thcanvasvalue = -60 * i;
			 var thcanvasvalue01 = 60 * i - 145;
			 var time = i/2;
			 
			 arc+= '<Storyboard  Name="thumbscrollin' + jsonDressObject.BrandDresses[i].DressID + '">'
				+	' <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="small_thumbs" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">'
	            +	' <SplineDoubleKeyFrame KeyTime="00:00:0'+time+'" Value="'+thcanvasvalue+'" KeySpline="0.5,0,1,1"/>'
				+	' </DoubleAnimationUsingKeyFrames>'
				+  '</Storyboard>'
				+ ' <Storyboard Name="thumbscrollout' + jsonDressObject.BrandDresses[i].DressID + '">'
				+   '<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="small_thumbs" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">'
			 	+	'<SplineDoubleKeyFrame KeyTime="00:00:0'+time+'" Value="'+thcanvasvalue01+'" KeySpline="0.5,0,1,1"/>'
				+'</DoubleAnimationUsingKeyFrames>'
				+' </Storyboard>'
		}
		smoothanitime = jsonDressObject.BrandDresses.length * 0.25;
		arc+='<Storyboard Name="smoothani_in">'
			+'	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="small_thumbs" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">'
			+'		<SplineDoubleKeyFrame KeyTime="00:00:'+smoothanitime+'" Value="'+(-LastThPosition)+'"/>'
			+'	</DoubleAnimationUsingKeyFrames>'
			+'</Storyboard>'
			+'<Storyboard Name="smoothani_out">'
			+'	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="small_thumbs" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">'
			+'		<SplineDoubleKeyFrame KeyTime="00:00:'+smoothanitime+'" Value="0"/>'
			+'	</DoubleAnimationUsingKeyFrames>'
			+'</Storyboard>'
		   	+' </Canvas.Resources>'
		   	+'</Canvas>'

		sender.findName("Thumbs_parent02").children.clear();
        sender.findName("Thumbs_parent02").children.add(control.content.createFromXaml(arc));
        if(jsonDressObject.BrandDresses.length<=7)
        {
			RootCanvas.findName("scroll_info")["Canvas.Left"] = 1078.945;
			RootCanvas.findName("thumbnails_small")["Canvas.Left"] = 1071.699;
			RootCanvas.findName("ThRect").width = 61*jsonDressObject.BrandDresses.length + 70;
			var test = RootCanvas.findName("thumbnails_small").width - RootCanvas.findName("ThRect").width;
			
			//RootCanvas.findName("ThRect")["Canvas.Left"] = 480.321 - RootCanvas.findName("ThRect").width;
			/*RootCanvas.findName("thumbnails_small")["Canvas.Left"] =1071.699- RootCanvas.findName("ThRect").width;//480.321 - RootCanvas.findName("ThRect").width;
			RootCanvas.findName("scroll_info")["Canvas.Left"] = 1071.699- RootCanvas.findName("ThRect").width;
			*/
		   RootCanvas.findName("scroll_info")["Canvas.Left"] = RootCanvas.findName("scroll_info")["Canvas.Left"] + test;	
		   RootCanvas.findName("thumbnails_small")["Canvas.Left"] = RootCanvas.findName("thumbnails_small")["Canvas.Left"] + test;
           if(RootCanvas.findName("tNext")!=null)
           RootCanvas.findName("tNext").Visibility = "Collapsed";
           if(RootCanvas.findName("tPrev")!=null)
           RootCanvas.findName("tPrev").Visibility = "Collapsed";
        }
		else
		{
			RootCanvas.findName("thumbnails_small")["Canvas.Left"] = 1071.699;//480.321 - RootCanvas.findName("ThRect").width;
			RootCanvas.findName("scroll_info")["Canvas.Left"] = 1078.945;
		}
	}	
	
	sender.findName("tNext").addEventListener("mouseenter","tNext_rollover");
	sender.findName("tNext").addEventListener("mouseleave","tNext_rollout");
	sender.findName("tPrev").addEventListener("mouseenter","tprev_rollover");
	sender.findName("tPrev").addEventListener("mouseleave","tprev_rollout");


    GetDressThumbsJSON(sender);
	var jsonDressinfo = sender.getResponseText("");
   	jsonDressObject = eval('(' + jsonDressinfo + ')');    
}

var thumbCount = 0;

function GetDressThumbsJSON(sender, args)
{
   var brandthumbdownloader = RootCanvas.getHost().createObject("downloader");	
   brandthumbdownloader.addEventListener("Completed","Assignthumbimg");
   brandthumbdownloader.open("GET","assets/Thumbnails/" + jsonDressObject.BrandDresses[thumbCount].ThumbImage);//2 Get Dress list of given brand id
   brandthumbdownloader.send();
}

function Assignthumbimg(sender,args)
{
	RootCanvas.findName("thimg" + jsonDressObject.BrandDresses[thumbCount].DressID).setSource(sender,"") ;
	if(thumbCount < jsonDressObject.BrandDresses.length-1)
	{
		thumbCount = thumbCount + 1;
		GetDressThumbsJSON(sender);
	}
	else
	{
		if(videoClicked == 1)
		{   
			videoout();        
		}
		onDownloadEnd();	
		RootCanvas.findName("labels").IsHitTestVisible=true;
		RootCanvas.findName("downloads").IsHitTestVisible=true;
		RootCanvas.findName("labels").cursor="Hand";
		RootCanvas.findName("downloads").cursor="Hand";
		
		RootCanvas.findName("panel_in").begin();
		if(PageNum==1)
		{
			RootCanvas.findName("label_intro").begin();      
		}
		if(PageNum==2)
		{ 
			RootCanvas.findName("brand_in").begin(); 
		}
		
		PageNum=2;
		markerCount = 0;   
		MarkerReached = false;
		RootCanvas.findName("mediaElement").stop();
		//RootCanvas.findName("mediaElement").removeEventListener("mediaEnded",markertoken);
	}
}

/********** Dress thumbnail clicked*********/
var bThumbClicked= false;
function onDressThumbClicked(sender,args)
{ 
//    alert("ThumbClicked Page "+ PageNum +" bThumbClicked "+ bThumbClicked);
    DressID = sender.Name.replace("thimg",""); 
	//sender.findName("dress_bg").Source = "";
	DeactivateAllLinks();
	onMarkerOut();
	if(markerCount>0)
	{
		sender.findName("thimg"+jsonDressObject.BrandDresses[markerCount-1].DressID).Opacity = 1;
		sender.findName("thYellowRect"+jsonDressObject.BrandDresses[markerCount-1].DressID).Opacity = 1;
		scaleThImg = sender.findName("ThImgScale"+jsonDressObject.BrandDresses[markerCount-1].DressID);
	}
    MenuClicked=false;
   
    if(PageNum==2 && bThumbClicked == false)
    { 
        sender.findName("label_out_only").begin();
		 setTimeout("infoin()",1000);
        //sender.findName("label_out_only").addEventListener("Completed","infoin");
        bThumbClicked=true;
        MenuClicked=false;     
    }
    if(PageNum==3 && bThumbClicked ==true)
    {
		sender.findName("label_out_only").stop();
        sender.findName("info_out").begin();
		 setTimeout("infoin()",1000);
    }  
    if(IsLabelsClicked==true)
    {
        sender.findName("labels_out").begin();
        IsLabelsClicked=false;
    }
}

function infoin(sender,args)
{  
    HideControls();
    	
	onDownloadStart();
	RootCanvas.findName("DownloaderMedia")["Canvas.Left"] = 200;
	RootCanvas.findName("progressText")["Canvas.Left"] = 160;	
	
	DressInfoDownloader = RootCanvas.getHost().createObject("downloader");
    DressInfoDownloader.addEventListener("Completed","onDressInfoImgDownload");   
    DressInfoDownloader.open("GET","GenerateJSON.aspx?DressID="+DressID);//3- Individual dress information 
    DressInfoDownloader.send();
}

var DressInfoImgDownloader;
function onDressInfoImgDownload(sender,args)
{
	var control = sender.getHost();
	var dressinfo = DressInfoDownloader.getResponseText("");
	jsonDressInfoObject = eval('(' + dressinfo + ')');
	
	DressInfoImgDownloader = sender.getHost().createObject("downloader");
    DressInfoImgDownloader.addEventListener("Completed","DressInfoImgAssign");   
    DressInfoImgDownloader.open("GET","assets/BigImages/"+jsonDressInfoObject.DressInfo[0].BigImage);
    DressInfoImgDownloader.send();
}

function DressInfoImgAssign(sender,args)
{
	//alert("onDressInfoDownload");
	onDownloadEnd();
	
	RootCanvas.findName("DownloaderMedia")["Canvas.Left"] = 483;
	RootCanvas.findName("progressText")["Canvas.Left"] = 443;
	var dressinfo = DressInfoDownloader.getResponseText("");
	jsonDressInfoObject = eval('(' + dressinfo + ')');
	
	if(jsonDressInfoObject.DressInfo.length>0)
	{
		sender.findName("dress_bg").setSource(sender,"");
       // sender.findName("brand_content").Text= jsonDressInfoObject.DressInfo[0].Description;
	}
	if(MenuClicked==false)
    {
        sender.findName("info_in").begin();
        //sender.findName("info_in").addEventListener("Completed","videoout");
        PageNum = 3;
    }
}

function DeactivateAllLinks(sender,args)
{
	for(var i=0; i<jsonDressObject.BrandDresses.length; i++)
	{ 
		RootCanvas.findName("thimg" + jsonDressObject.BrandDresses[i].DressID).IsHitTestVisible=true;
		RootCanvas.findName("thRedRect" + jsonDressObject.BrandDresses[i].DressID).Opacity = 0;
	}
	RootCanvas.findName("thimg"+DressID).isHitTestVisible = false;
	RootCanvas.findName("thimg"+DressID).Opacity = 1;
	RootCanvas.findName("thRedRect"+DressID).Opacity = 1; 
}

/********** Show/hide brand menu on Lables clicked*********/
function LabelsClicked()
{
    if(IsLabelsClicked == false)
    {
        RootCanvas.findName("labels_in").begin();
        IsLabelsClicked=true;
    }
    else 
    {
        RootCanvas.findName("labels_out").begin();
        IsLabelsClicked=false;
    }    
}
/********** End of Lables clicked*********/

function MenuImageClick (sender, args)
{
	ScrollPrev = false;
    ScrollNext = true;
	
	//RootCanvas.findName("brand_bg").Source = "";
	thumbCount = 0;
    MenuClicked=true;
    BrandIndex = sender.name.replace("MenuImg","");

    if(PageNum==2)
    {  
	  RootCanvas.findName("panel_out").begin();		//Download Start
      RootCanvas.findName("label_out_only").begin();  
	  setTimeout("AssignBrandContent()",1000);
      //RootCanvas.findName("label_out_only").addEventListener("Completed","AssignBrandContent");
    }  
    if(videoClicked==1)
	{
		HideControls();
	}
    if(PageNum==3)
    {  
		RootCanvas.findName("label_out_only").stop(); 
        RootCanvas.findName("info_out").begin(); 
		setTimeout("AssignBrandContent()",1000);
      //  RootCanvas.findName("info_out").addEventListener("Completed","AssignBrandContent");
    }   
    if(PageNum==4)
	{
		AssignBrandContent();
		//setTimeout("AssignBrandContent()",1500);
		sender.findName("dload_out").begin();
		sender.findName("Downloads").children.clear();	
		sender.findName("Downloads").Opacity = 0;
		
		sender.findName("downloads").IsHitTestVisible=true;
		RootCanvas.findName("label_out_only").stop(); 
        RootCanvas.findName("info_out").stop(); 
		RootCanvas.findName("brand_in").stop();
		RootCanvas.findName("info_in").stop();
	}
	
    ActivateAllMenus();
    ResetMenuImages();

    sender.findName("ThMedia"+BrandIndex).Opacity=0;
    sender.findName("MenuImg"+BrandIndex).Opacity=1;
    sender.findName("MenuImg"+BrandIndex).isHitTestVisible = false;
    sender.findName("ThMedia"+BrandIndex).isHitTestVisible = false;

    sender.findName("labels_out").begin(); // to hide menu
    IsLabelsClicked=false;
    bThumbClicked= false;
	
    PageNum=2;
}
/********************* Download Brand Thumb Video *******************/

var SelectedBrandID;
var menutoken;
var menumediadownloader;
function OnMenuImageMouseEnter (sender, args)
{	
	SelectedBrandID = sender.name.replace("MenuImg","");
	
	var SmallMedia;
	thumbVideo = jsonBrandsObject.FashionBrands[SelectedBrandID-1].SmallMediaFile;
	sender.findName("MenuImg"+SelectedBrandID).Opacity=0;
	sender.findName("ThMedia"+SelectedBrandID).Opacity=1;
				
	menumediadownloader = RootCanvas.getHost().createObject("downloader");
	menutoken = menumediadownloader.addEventListener("Completed",onDownloadThumbVideo);
	RootCanvas.findName("ThBufferpanel")["Canvas.Left"] = sender["Canvas.Left"] + 50;
					
	RootCanvas.findName("Loader").begin();
					
	menumediadownloader.open("GET","assets/media/"+thumbVideo);
	menumediadownloader.send();
}


function onDownloadThumbVideo(sender,args)
{
	RootCanvas.findName("Loader").stop();
	RootCanvas.findName("ThBufferpanel").Opacity = 0;
	RootCanvas.findName("ThMedia"+SelectedBrandID).setSource(sender,"");
	RootCanvas.findName("ThMedia"+SelectedBrandID).AutoPlay="true";
	RootCanvas.findName("ThMedia"+SelectedBrandID).play();
}

function OnMenuImageMouseLeave (sender, args)
{
	RootCanvas.findName("Loader").stop();
	RootCanvas.findName("ThBufferpanel").Opacity = 0;
	menumediadownloader.removeEventListener("Completed",menutoken); 
	var SelectedBrandID = sender.name.replace("MenuImg","");	
	
	var SmallImage;
    for(var i=0; i<jsonBrandsObject.FashionBrands.length; i++)
    { 

	    if(jsonBrandsObject.FashionBrands[i].BrandID==SelectedBrandID)
	    {
		    SmallImage = jsonBrandsObject.FashionBrands[i].MenuImage;	
    	
		    sender.findName("MenuImg"+SelectedBrandID).Opacity=1;
		    sender.findName("ThMedia"+SelectedBrandID).Opacity=0;
		    sender.findName("ThMedia"+SelectedBrandID).stop();
	    }		
    }
}
/********************* END Download Brand Thumb Video *******************/
function videoout()
{
	if(videoClicked==1)	
    {    
		HideControls();
		RootCanvas.findName("video_play_rollout").begin();
		RootCanvas.findName("play_video").IsHitTestVisible=true;
		RootCanvas.findName("video_out").begin();
		RootCanvas.findName("mediaElement").removeEventListener("mediaEnded",markertoken);
		RootCanvas.findName("mediaElement").Pause();
		//media_begin();
		videoClicked = 0;
		RootCanvas.findName("Controls").Opacity = 0;
		RootCanvas.findName("Controls").IsHitTestVisible=false;
    	RootCanvas.findName("player_controls_in").stop();
		RootCanvas.findName("player_controls_out").stop();
	}
	if(IsLabelsClicked==true)
    {
        RootCanvas.findName("labels_out").begin();
        IsLabelsClicked=false;
    }
}

var Iscontrolsin = false;
function ShowControls()
{
	if(Iscontrolsin==false  && videoClicked==1)
	{
	//alert(videoClicked);
	
		RootCanvas.findName("player_controls_in").begin();
		Iscontrolsin = true;
	}
}

function HideControls()
{
	if(Iscontrolsin==true)
	{
    	RootCanvas.findName("player_controls_out").begin();
		Iscontrolsin = false;
	}
}

var ScrollPrev = false;
var ScrollNext = true;

function tMenuScrollPrev()
{
	if(ScrollPrev == true && ScrollNext == false)
	{
		ScrollPrev = false;
		ScrollNext = true;
		RootCanvas.findName("smoothani_out").begin();
		RootCanvas.findName("tPrev").Opacity = 0.5;
		RootCanvas.findName("tNext").Opacity = 1;
		RootCanvas.findName("tNext").isHitTestVisible=true;
		RootCanvas.findName("tNext").cursor="Hand";
		RootCanvas.findName("tprev_rollout").begin();
		RootCanvas.findName("tPrev").isHitTestVisible=false;
	}
}

function tMenuScrollNext()
{
	if(ScrollPrev == false && ScrollNext == true)
	{
		ScrollNext = false;
		ScrollPrev = true;
		RootCanvas.findName("smoothani_in").begin();
		RootCanvas.findName("tPrev").Opacity = 1;
		RootCanvas.findName("tNext").Opacity = 0.5;
		RootCanvas.findName("tPrev").isHitTestVisible=true;
		RootCanvas.findName("tPrev").cursor="Hand";
		RootCanvas.findName("tnext_rollout").begin();
		RootCanvas.findName("tNext").isHitTestVisible=false;
	}
}

function ResetMenuImages()
{
    for(var i=0; i<jsonBrandsObject.FashionBrands.length; i++)
    { 
        RootCanvas.findName("MenuRect"+(i+1)).Stroke="#FFFFFFFF";
    }
    RootCanvas.findName("MenuRect"+BrandIndex).Stroke="#FFF82B2B";
}

function ActivateAllMenus()
{
	for(var i=0; i<jsonBrandsObject.FashionBrands.length; i++)
    {  
		RootCanvas.findName("MenuImg" + (i+1)).IsHitTestVisible=true;
	}
}

function PlayVideo(sender, args)
{
    sender.findName("video_in").begin();
   // media_begin();
	RootCanvas.findName("Controls").Opacity = 1;
    RootCanvas.findName("Controls").IsHitTestVisible=true;
    RootCanvas.findName("video_in").addEventListener("Completed","StartVideo");
    sender.findName("video_in").addEventListener("Completed","ShowControls");
    //RootCanvas.findName("mediaElement").removeEventListener("mediaEnded",markertoken);
	sender.findName("play_video").IsHitTestVisible=false;
	sender.children.remove(toolTip);
	
   	if(MarkerReached == true)
	{
		sender.findName("thimg"+jsonDressObject.BrandDresses[markerCount-1].DressID).Opacity = 1;
		sender.findName("thYellowRect"+jsonDressObject.BrandDresses[markerCount-1].DressID).Opacity = 1;
	}
    //if (sender.findName("mediaElement")== "Stopped" || sender.findName("mediaElement").CurrentState == "Paused")
	//{
    	//media_begin();
	//}
	
	if(IsLabelsClicked==true)
    {
        RootCanvas.findName("labels_out").begin();
        IsLabelsClicked=false;
    }
	
    videoClicked=1;
}
function StartVideo(sender,args)
{
	media_begin();
}

var markerCount = 0;
var MarkerReached = false
function onMarkerReached(sender,eventArgs)
{
	MarkerReached = true;
	var VideoWindow = sender.findName("mediaElement");
	lastMarker = jsonDressObject.BrandDresses.length-8;
	onMarkerOut();	
	sender.findName("thimg"+jsonDressObject.BrandDresses[markerCount].DressID).Opacity = 1;
	sender.findName("thYellowRect"+jsonDressObject.BrandDresses[markerCount].DressID).Opacity = 1;
	scaleThImg = sender.findName("ThImgScale"+jsonDressObject.BrandDresses[markerCount].DressID);
	
	if(markerCount<=6 && ScrollPrev == true && ScrollNext == false)
	{
		tMenuScrollPrev();
	}
	
	if(markerCount>6 && ScrollPrev == false && ScrollNext == true)
	{
		tMenuScrollNext();
	}
	
	markerCount = markerCount + 1;
}

function onMarkerOut()
{
	for(var i=0; i<jsonDressObject.BrandDresses.length; i++)
	{
		RootCanvas.findName("thimg" + jsonDressObject.BrandDresses[i].DressID).Opacity = 0.6;
		RootCanvas.findName("thYellowRect"+jsonDressObject.BrandDresses[i].DressID).Opacity = 0;
		scaleThImg = RootCanvas.findName("ThImgScale" + jsonDressObject.BrandDresses[i].DressID);
	}
}

function OpenFeedback(sender, args)
{
    window.open("Feedback.aspx","Feedback","Top=0,Left=0,Width=370,Height=430");
    return false;
}

/********************* Download section *******************/
/******************** Downloads *********************/
var DownloadLink;
function DownloadImg(sender,args)
{
    if(PageNum==2 && bThumbClicked ==false)
    { 
        sender.findName("label_out_only").begin();
    }
    if(PageNum==3 && bThumbClicked == true)
    {
		sender.findName("label_out_only").stop();
        sender.findName("info_out").begin();
	}
	
	if(videoClicked==1)
	{   
		videoout();        
	}
	
	RootCanvas.findName("downloads").IsHitTestVisible=false;
	onDownloadStart();
	RootCanvas.findName("Downloads").Opacity = 1;
	DownloadLink = RootCanvas.getHost().createObject("downloader");
    DownloadLink.addEventListener("Completed","onxamlDownload");   
    DownloadLink.open("GET","Downloads.xaml");//3- Individual dress information 
    DownloadLink.send();
}

function onxamlDownload(sender,args)
{
    if(IsLabelsClicked==true)
	{
	   RootCanvas.findName("labels_out").begin();
	   IsLabelsClicked=false;
	}
   for(var i=0; i<jsonBrandsObject.FashionBrands.length; i++)
   { 
       RootCanvas.findName("MenuRect"+(i+1)).Stroke="#FFFFFFFF";
   }
   ActivateAllMenus(); 
   BrandID = "";
   
   var XamlText = "";
   XamlContent = sender.getResponseText("");
   // alert(XamlContent);
  
   sender.findName("Downloads").children.clear();
   sender.findName("Downloads").children.add(sender.getHost().content.createFromXaml(XamlContent));
   
   var Downloadloader1 = RootCanvas.getHost().createObject("downloader");	    
   Downloadloader1.addEventListener("Completed","Downloadset");
   Downloadloader1.open("GET","downloads.zip");
   Downloadloader1.send();
   
  sender.findName("dload_in").begin();
  sender.findName("landing_out").begin();
   onDownloadEnd();
   PageNum = 4;
}

function Downloadset(sender, args)
{
  sender.findName("b_01").setSource(sender, "downloads/downloads.jpg");
  
  
  for(WImgNo=1;WImgNo<=6;WImgNo++)
	{
	sender.findName("t"+WImgNo).setSource(sender, "downloads/dth0"+WImgNo+".png");
	}
	sender.findName("d1").setSource(sender, "downloads/screen_saver01.png");
}

var WImgNo;
var WImgSize;
var fileName=1;
function onWallPaperLoad(sender,args)
{
	for(WImgNo=1;WImgNo<=6;WImgNo++)
	{
		for(WImgSize=1;WImgSize<=3;WImgSize++)
		{
			sender.findName("t"+WImgNo+WImgSize).addEventListener("MouseLeftButtonDown","OpenWallPaper"); 
		}
	}
}

function OpenWallPaper(sender,args)
{
	var senderName = sender.Name;
	var imgno=senderName.substring(1,2);
	var imgsize=senderName.substring(2,3);
	
	if(imgsize==1)
	{
		fileName = 800;
	}
	else if(imgsize==2)
	{
		fileName = 1024;
	}
	else 
	{
		fileName = 1280;
	}
	window.open("downloads/w"+imgno+"_"+fileName+".html","WallPaper", "toolbar=1, scrollbars=1, menubar=yes, resizable=1, status=1");//,"scrollbars=yes,menubar=no,height=450,width=400");
}
/*******************************************************************/

function oncreditclick()
{
window.open("http://www.idealake.com","Idealake", "toolbar=1, scrollbars=1, menubar=yes, resizable=1, status=1");//,"scrollbars=yes,menubar=no,height=450,width=400");	
}

function DownloadScreenSaver(sender, args)
{
    window.open("assets/piramyd_setup.exe","Idealake", "");	    
}

function InfoBtnClick(sender,args)
{
	videoout();
}