var gCurrentCategoryId = 0;
var gCategoryDesignCache = {};
var gReachedEndofBrowseList = 0;
var gReachedEndofUserList = 0;
$(document).ready(function(){

	setTimeout(function(){$.post(gBaseUrl+"design/AddViews.html",{randomStr:$("#randomStr").attr("value")})},5000);

	$("#imgTab01 li").click(function(){
		//$(this).siblings().find('a').attr('isActive','0').css('border','3px solid #171717');
		$(this).siblings().find('a').attr('isActive','0').removeClass("selected");
		$(this).siblings().find('a').find("span").remove();
		$(this).find('a').attr('isActive','1');//.css('border','3px solid #bd2d2d');
		$(this).find('a').addClass("selected");
		$(this).find('a').append("<span>You are here</span>");

		if($(this).find('a>img').attr("video_index") != "0"){
			$("#imgBig").hide();
			$("#video_container").show();
			$("#ply")[0].sendEvent("ITEM",$(this).find('a>img').attr("video_index"));
			
				
		}else{
			$("#imgBig").attr("src",$(this).find('a>img').attr('bigsrc'));			
			$("#imgBig").show();
			if($("#video_container").css('display') != "none"){
				$("#ply")[0].sendEvent("STOP");
				$("#video_container").hide();
			}
			
			
		}
		$("#resolution").html($(this).find('a>img').attr('resolution'));
		$("#embedThumb").val($(this).find('a>img').attr('src'));
		$("#embedFullview").val($(this).find('a>img').attr('orisrc'));
		
		$("#aShowFancy").attr('href',$(this).find('a>img').attr('orisrc'));
	});
	
	$("#aShowFancy").fancybox({imageScale:false,centerOnScroll:false});
	

	
	$("#browseWebUl li").click(function(){	
		var lCid = $(this).attr('cid');
		
		$("#categoryName").html($(this).attr('cname'));
		if($(this).attr('cid') == gCurrentCategoryId){
		
		}else{
			if(lCid in gCategoryDesignCache){
				//Load from cache only first 7 will be cached.
				$("#imgTab03").html(gCategoryDesignCache[lCid]);
				
			}else{				
				$.post(gBaseUrl + "ajaxhandler/getDesignFromCategory/" + Math.floor(Math.random()*10000+1) + ".html",
					{
					catid: lCid,
					pageNo :1,
					excludeUserId: gDesignerId
					},
					function(data){
						$("#imgTab03").empty();
						eval('var ret = ' + data);
						gTotalDesignsFromCategory = ret.total;
						
						for(var i=0; i<ret.retDesign.length; i++){
							var design = ret.retDesign[i];
							$("#imgTab03").append('<li><a href="' + design.url + '"><img width="70" height="70" alt="img" src="' + design.thumbnail + '"/></a></li>');
						}
						gCategoryDesignCache[lCid] = $("#imgTab03").html();
					});
			}
			$("#imgTab03").css('left','0px');
			gCurrentCategoryId = lCid;
			gCurrentCategoryPageNo = 1;//new start for new category
			gReachedEndofBrowseList = 0;//rset for new category
			
			$("#BrowseAllLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l0.gif");
			$("#BrowseAllLeft").children("a").removeClass("cursorHand");
			if(gTotalDesignsFromCategory <= 7){
				gReachedEndofBrowseList = 1;
				$("#BrowseAllRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r0.gif");
				$("#BrowseAllRight").children("a").removeClass("cursorHand");				
			}	
		}		
		$("#browseWebUl").hide(150);
	});
	
	$("#BrowseAllLeft").click(function(){

		
		if(gCurrentCategoryPageNo > 1){
			if(gReachedEndofBrowseList)	gReachedEndofBrowseList = 0;
			gCurrentCategoryPageNo--;
			fnDesignSlider(1,gCurrentCategoryPageNo);

			var totalpages = (gTotalDesignsFromCategory /7);
			if(gTotalDesignsFromCategory %7) totalpages++;			
			
			if(gCurrentCategoryPageNo == 1 ){

				$("#BrowseAllLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l0.gif");
				$("#BrowseAllLeft").children("a").removeClass("cursorHand");	
			}
			if(totalpages > 1){
				$("#BrowseAllRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
				$("#BrowseAllRight").children("a").addClass("cursorHand");	
			}			
		}
	});
	$("#BrowseAllRight").click(function(){
	

		if(gReachedEndofBrowseList == 1 )
		{
			//alert("Returning");	
			return;
		}
		var lCid;
			
		if($("#categoryName").html() =="All"){
			lCid = "All";
		}
		else
			lCid = gCurrentCategoryId;
		var e = $(this);
		gCurrentCategoryPageNo++;

		$.post(gBaseUrl + "ajaxhandler/getDesignFromCategory/" + Math.floor(Math.random()*10000+1) + ".html",
			{
				catid: lCid,
				pageNo: gCurrentCategoryPageNo,
				excludeUserId: gDesignerId
			},
			function(data){
				eval('var ret = ' + data);
				
				gTotalDesignsFromCategory = ret.total;
				
				var totalpages = parseInt(gTotalDesignsFromCategory /7);
				if(gTotalDesignsFromCategory %7) totalpages++;
				
				if(gCurrentCategoryPageNo == totalpages ){
					gReachedEndofBrowseList = 1;
					$("#BrowseAllRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r0.gif");
					$("#BrowseAllRight").children("a").removeClass("cursorHand");	
				}else{
					$("#BrowseAllRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
					$("#BrowseAllRight").children("a").addClass("cursorHand");	
				}
				$("#BrowseAllLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l.gif");
				$("#BrowseAllLeft").children("a").addClass("cursorHand");						
			
				
				{	
					$("#imgTab03").empty();
					
					//alert(gTotalDesignsFromCategory);					
					for(var i=0; i<ret.retDesign.length; i++){
						var design = ret.retDesign[i];

						$("#imgTab03").append('<li designRandomStr ="'+design.random_str+'"><a href="javascript:void(0);"><img width="70" height="70" alt="img" src="' + design.thumbnail + '"/></a></li>');
					}
					$("#imgTab03 li").click(designBrowseAll);
					fnDesignSlider(1,gCurrentCategoryPageNo);
				}	

			});
	});
	
	$("#BrowseUserLeft").click(function(){
		var pageNo = gMemberPageNo;

		if(gMemberPageNo > 1){
			if(gReachedEndofUserList) gReachedEndofUserList = 0;
			gMemberPageNo--;
			fnDesignSlider(0,gMemberPageNo);
			
			var totalpages = (gMemberTotalDesigns /7);
			if(gMemberTotalDesigns %7) totalpages++;
				
			if(gMemberPageNo == 1 ){
				$("#BrowseUserLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l0.gif");
				$("#BrowseUserLeft").children("a").removeClass("cursorHand");	
			}
			if(totalpages > 1){
				$("#BrowseUserRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
				$("#BrowseUserRight").children("a").addClass("cursorHand");	
			}		
		}
	});
	$("#BrowseUserRight").click(function(){

		if(gReachedEndofUserList == 1 )
		{
			//alert("In Right Returning");	
			return;
		}
		
		var e = $(this);
		var designerId = $("#BrowseUser").attr("designerId");

		gMemberPageNo++;

		$.post(gBaseUrl + "ajaxhandler/getDesignForUser/" + Math.floor(Math.random()*10000+1) + ".html",
			{
				pageNo: gMemberPageNo,
				UserId: gDesignerId
			},
			function(data){
				eval('var ret = ' + data);
				
				//alert(gMemberTotalDesigns+" / "+ gMemberPageNo);
				
				
				var totalpages = parseInt(gMemberTotalDesigns /7);
				if(gMemberTotalDesigns %7) totalpages++;
				
				if(gMemberPageNo == totalpages ){
					gReachedEndofUserList = 1;
					$("#BrowseUserRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r0.gif");
					$("#BrowseUserRight").children("a").removeClass("cursorHand");
				}else{
					$("#BrowseUserRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
					$("#BrowseUserRight").children("a").addClass("cursorHand");
				}					
				$("#BrowseUserLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l.gif");
				$("#BrowseUserLeft").children("a").addClass("cursorHand");					

				
				{	
					$("#imgTab02").empty();
					var displayedDesignId = $("#designId").val();
					for(var i=0; i<ret.length; i++){
						var design = ret[i];
						if( displayedDesignId == design.id)
							$("#imgTab02").append('<li designRandomStr="'+design.random_str+'"><a href="javascript:void(0);" class="selected" ><img width="70" height="70" alt="img" src="' + design.thumbnail + '"/><span>You are here</span></a></li>');
						else
							$("#imgTab02").append('<li designRandomStr="'+design.random_str+'"><a href="javascript:void(0);"><img width="70" height="70" alt="img" src="' + design.thumbnail + '"/></a></li>');
					}
					$("#imgTab02 li").click(designBrowseAll);					
					fnDesignSlider(0,gMemberPageNo);
				}

			});
	});
	
	var tabIdArray= new Array("imgTab02","imgTab03");
	function fnDesignSlider(imgId,pageNo)
	{
		var imgSlide = (pageNo-1) * 532 ;
		var objImgUl="#"+tabIdArray[imgId];	
		//var imgUlLiLen=$(objImgUl).children().length;

		$(objImgUl).animate({left: "-"+imgSlide+"px"}, 500);

		   

	}

	
	
	gCurrentCategoryId = $("#browseWebUl li").eq(0).attr("cid");
	gCategoryDesignCache[gCurrentCategoryId] = $("#imgTab03").html();
	
	/*$("#vidMenu").hoverIntent(function(){
		$("#vidMenu").animate({right: "0px"}, 150);
	},function(){
		$("#vidMenu").animate({right: "-175px"}, 150);
	});*/
	var vidmenudelaytime;
	$("#vidMenu").hover(
		function(){clearTimeout(vidmenudelaytime); $("#vidMenu").animate({right: "0px"}, 150);},
		function(){vidmenudelaytime=setTimeout(function(){$("#vidMenu").animate({right: "-175px"}, 150)},400);}
	);	
	
	//Options
	//Public to gallery
	function setDesignPublish(){
		obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/setPublish.html', {objId:obj.attr('oid'),operation:"1"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					$("li[act='publish']").find('a').html("Remove from gallery");
					$("li[act='publish']").attr("act","unpublish").unbind('click').click(unsetDesignPublish);
				}else{
					alert(ret.msg);
				}
		});
	}
	function unsetDesignPublish(){
		obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/setPublish.html', {objId:obj.attr('oid'),operation:"0"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					$("li[act='unpublish']").find('a').html("Publish to gallery");
					$("li[act='unpublish']").attr("act","publish").unbind('click').click(setDesignPublish);
				}else{
					alert(ret.msg);
				}
		});
	}
	$("li[act='publish']").click(setDesignPublish);
	$("li[act='unpublish']").click(unsetDesignPublish);
	
	$('body').append($('<div id="featurepopup" class="popupwin" style="display:none;cursor:default;">\
 			<div class="popupwinc">\
  				<div class="popupwinm">\
    				<div class="pheading">\
	  					<h3 class="fontArial18px floatLeft">Feature this Design</h3>\
						  <a onclick="$.unblockUI(); " class="cursorHand marTop5px fontBold fontArial11px floatRight">X Cancel</a>\
			        <div class="ie6clearFix">&nbsp;</div>\
			</div>\
			<div class="popupcontainer">\
			  <ul class="clearBoth padTop10px flotLiLeft">\
			    <li><label for="txtFeatured" class="fontBold">State why this design is featured</label></li>\
			    </ul>\
			  <div class="clearBoth padTop10px"><textarea name="txtFeatured" id="txtFeatured" cols="5" rows="5" class="overFauto txtfld1" style="width:540px" onfocus="txtBoxHighlight(this,1)" onblur="txtBoxHighlight(this,0)"></textarea></div>\
  			  <ul class="clearBoth padTop10px flotLiLeft">\
			    <li><label for="txtFeatureDate" class="fontBold">Featured On</label></li>\
			    </ul>\
			  <div class="clearBoth padTop10px"><input type="text" name="txtDate" id="txtDate" class="wid255px txtfld1" onfocus="txtBoxHighlight(this,1)" onblur="txtBoxHighlight(this,0)" value="" /></div>\
			  <div class="clearBoth padTop10px"><input type="button" name="btnFeature" id="btnFeature" value="Feature" class="inpBtnBlackprim" /></div>\
			</div>\
		  </div>\
		 </div>\
		</div>'));
		
	$('#txtDate').datepicker({minDate: new Date()});
	
	//Set Feature
	$("#btnFeature").click(function() {
		var msg = $.trim($("#txtFeatured").val());
		if(msg.length == 0){
			alert('Please input your justification to feature this design.');
			return;
		}
    	var obj = $(this);
    	obj.attr('disabled',1);
    	$.post(gBaseUrl + 'ajaxhandler/setfeature.html', {objId:obj.attr('oid'),objType:obj.attr('otype'),operation:"1",msg:msg},
    			function(data){
    				obj.attr('disabled',0);
    				eval('var ret = ' + data);
    				if(ret.ret == 0){
    					$("li[act='set_feature']").html(ret.newNum);
    					$.unblockUI();
    					window.location.reload();
    				}
    			}); 
    	});
	
	$("li[act='set_feature']").click(showFeatureDesignDlg);

	/*
	function setDesignFeature(){
		obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/setfeature.html', {objId:obj.attr('oid'),operation:"1"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					//Update A link
					$("li[act='set_feature']").find('a').html("unFeature this Design");
					//Update Img
					$("li[act='set_feature']").find('img').attr("src",gBaseUrl + "public/images/red_star.gif");
					//Update backgroud image
					$("li[act='set_feature'].starred").css("background-image","url(" + gBaseUrl + "public/images/red_star.gif)");
					//Change behavior
					$("li[act='set_feature']").attr("act","unset_feature").unbind('click').click(unsetDesignFeature);
				}else{
					alert(ret.msg);
				}
				
			});
	}
	*/
	
	//Unset feature
	function unsetDesignFeature(){
		obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/setfeature.html', {objId:obj.attr('oid'),operation:"0"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					//Update A link
					$("li[act='unset_feature']").find('a').html("Feature this Design");
					//Update Img
					$("li[act='unset_feature']").find('img').attr("src",gBaseUrl + "public/images/icon_star.gif");
					//Update backgroud image
					$("li[act='unset_feature'].starred").css("background-image","url(" + gBaseUrl + "public/images/icon_star.gif)");
					//Change behavior
					$("li[act='unset_feature']").unbind('click').attr("act","set_feature").click(setDesignFeature);
				}else{
					alert(ret.msg);
				}

			});
	}
//	$("li[act='set_feature']").click(setDesignFeature);
	$("li[act='unset_feature']").click(unsetDesignFeature);
	
	
	$("[act='edit_design']").click(function(){
		window.location.href = gBaseUrl + "submit/design/" + $(this).attr('rnd') + ".html";
	});
	
	$("[act='del_design']").click(function(){
	if(confirm('Are you sure you want to delete this design?')){
		var randomstr = document.getElementById("randomStr").value;
		$.post(gBaseUrl+"design/Deldesign.html",{randomstr:randomstr},function(data){
			
			window.location.href = gBaseUrl + "message.html";
		});			
	}
	});
	/*$("[act='del_design']").click(function(){
		if(confirm('are you sure you want to delete this design?')){
			$("#deleteDesignForm").submit();
		}
	});*/
	function setFavorite(){
		if(!gLoggedIn){
			alert('Please login first to use this feature.');
			return;
		}
		var obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/AddToFavorite.html', {touser_id:obj.attr('otouserid'),objId:obj.attr('oid'),objType:obj.attr('otype'),operation:"1"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					$("[act='favorite']").find('a').html("Remove favorite");
					//Update Img
					$("li[act='favorite']").find('img').attr("src",gBaseUrl + "public/images/icon_heart_pink2.gif")
					//Update backgroud image
					$("li[act='favorite'].addtofav").css("background-image","url(" + gBaseUrl + "public/images/icon_heart_pink2.gif)");
					if(ret.newNum == 0){
						$("#aFavorited").html("0");
					}else{
						$("#aFavorited").html(ret.newNum);
					}
					$("[act='favorite']").unbind('click').attr("act","unfavorite").click(unsetFavorite);
				}
			});
	}
	
	function unsetFavorite(){
		if(!gLoggedIn){
			alert('Please login first to use this feature.');
			return;
		}
		var obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/AddToFavorite.html', {touser_id:obj.attr('otouserid'),objId:obj.attr('oid'),objType:obj.attr('otype'),operation:"0"},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					$("[act='unfavorite']").find('a').html("Add to favorites");
					//Update Img
					$("li[act='unfavorite']").find('img').attr("src",gBaseUrl + "public/images/icon_heart_gray3.gif")
					//Update backgroud image
					$("li[act='unfavorite'].addtofav").css("background-image","url(" + gBaseUrl + "public/images/icon_heart_gray2.gif)");					
					if(ret.newNum == 0){
						$("#aFavorited").html("0");
					}else{
						$("#aFavorited").html(ret.newNum);
					}
					$("[act='unfavorite']").unbind('click').attr("act","favorite").click(setFavorite);
				}
			});
	}
	
	$("[act='favorite']").click(setFavorite);
	$("[act='unfavorite']").click(unsetFavorite);

	$("[act='recommend']").click(function(){
		if(!gLoggedIn){
			alert('Please login first to use this feature.');
			return;
		}
		var obj = $(this);
		$.post(gBaseUrl + 'ajaxhandler/RecommendDesign.html', {objId:obj.attr('oid'),objType:obj.attr('otype')},
			function(data){
				eval('var ret = ' + data);
				if(ret.ret == 0){
					$("[act='recommend']").each(function(){
						if($(this).find('a').length){
							$(this).empty().html('<span class="padLeft5px">Recommended</span>');
							
						}
					});
					//Update Img
					$("li[act='recommend']").find('img').attr("src",gBaseUrl + "public/images/icon_thumbsup2.gif")
					//Update backgroud image
					$("li[act='recommend'].starred").css("background-image","url(" + gBaseUrl + "public/images/icon_thumbsup2.gif)");
					$("#aRecommend").html(ret.newNum);
					$("[act='recommend']").unbind('click');
				}
			});
	});
	$("[act='report']").click(function(){
		alert('Damian. Please provide the popup design.');
	});
	$("[act='fullview']").click(function(){
		//alert('john, use fancy box to show fullview.')
		$("#aShowFancy").trigger('click');
	});
	
	$("#imgTab03 li").click(designBrowseAll);
	$("#imgTab02 li").click(designBrowseAll);
	
	function designBrowseAll(){
	
		var randomStr = $(this).attr("designRandomStr");
		var url = gBaseUrl + 'design/show/'+randomStr+'.html?userPage='+gMemberPageNo+'&browsePage='+gCurrentCategoryPageNo
		window.location.href = url;
	
	}

});

function showFeatureDesignDlg(){
		$("#btnFeature").attr('oid',$(this).attr('oid'));
		$("#btnFeature").attr('otype',$(this).attr('otype'));
        rate = getCenterPosition([418,242]);
        $.blockUI({overlayCSS:{ backgroundColor:'#000',opacity:'0.68'},css:{top:rate[0],left:rate[1],border:0,width:'415px',textAlign:'left'},message:$("#featurepopup")});
     
}

	function fnProjectSlider(dir)
	{


		var totalpages = parseInt(gTotalInProject /7);
		if(gTotalInProject %7) totalpages++;
				
		if(dir == 1){		//left
		
			if(gProjectPageNo > 1){
				gProjectPageNo--;
				imgSlide = (gProjectPageNo-1) * 532 ;

				$("#imgTab01").animate({left: "-"+imgSlide+"px"}, 500);
	
		
				if(gProjectPageNo == 1) {  
					$("#BrowseProjectLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l0.gif");
					$("#BrowseProjectLeft").children("a").removeClass("cursorHand");
				}
				if(totalpages > 1){
					$("#BrowseProjectRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
					$("#BrowseProjectRight").children("a").addClass("cursorHand");			
				}
			}
		}else{
		
			if(gProjectPageNo < totalpages){
				gProjectPageNo++;
				imgSlide = (gProjectPageNo-1) * 532 ;

				$("#imgTab01").animate({left: "-"+imgSlide+"px"}, 500);
		
			
				if(gProjectPageNo == totalpages ){
					gReachedEndofUserList = 1;
					$("#BrowseProjectRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r0.gif");
					$("#BrowseProjectRight").children("a").removeClass("cursorHand");
				}else{
					$("#BrowseProjectRight").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_r.gif");
					$("#BrowseProjectRight").children("a").addClass("cursorHand");
					$("#BrowseProjectLeft").children("a").children("img").attr("src",gBaseUrl+"/public/images/arrow_redblack_l.gif");
					$("#BrowseProjectLeft").children("a").addClass("cursorHand");					
				}
			}	
		}
	


	}