// JavaScript Document
$(document).ready(function() {
						    						   
	$("#sideBar").css({'width' : '1px'});
	$("#sideBar").css({'height' : '127px'});
	$("#mesajvar").css({'width' : '32px'});
	$("#mesajvar").css({'height' : '32px'});	
		
    function stickySide() {
		var sidenavHeight = $("#sideBar").height();
		var winHeight = document.documentElement.clientHeight;
		
		$("#sideBar").css({'position' : 'fixed'});
		
		if (sidenavHeight > winHeight) {
			$("#sideBar").css({'position' : 'static'});
		}
	}
	
    function stickyMesaj() {
		var sidenavHeight = $("#mesajvar").height();
		var winHeight = document.documentElement.clientHeight;
		
		$("#mesajvar").css({'position' : 'fixed'});
		
		if (sidenavHeight > winHeight) {
			$("#mesajvar").css({'position' : 'static'});
		}
	}	
	
	stickySide();
    stickyMesaj();	
	
	$(window).resize(function () {
	     stickySide();
         stickyMesaj();			 
	});
	
	// Side Bar Animation
		$("#sideBar").hover(
		function(){

			$("#sideBar").animate({ width: "502px" }, {queue:false, duration:"normal"} );
			$("#sideBar").animate({ height: "302px" }, {queue:false, duration:"normal"} );
			$("#sideBar").children("span").animate({opacity: "show"}, "fast");	
		}, 
		function(){		
			$("#sideBar").animate({ width: "1px" }, {queue:false, duration:"normal"} );
			$("#sideBar").animate({ height: "127px" }, {queue:false, duration:"normal"} );			
			$("#sideBar").children("span").animate({opacity: "hide"}, "fast");
		});
		
		// Footer Logo Animation
		$("#logoanimate").hover(
		function(){
			$(this).css("cursor", "pointer");
			$(this).animate({ width: "85px" }, {queue:false, duration:"normal"} );
	
		}, 
		function(){			
			$(this).animate({ width: "24px" }, {queue:false, duration:"normal"} );
		});		
		
	  // $("#menupopup li").hover(function() {											 
		//    $(this).children("div").animate({opacity: "show", top: "-90"}, "fast");
	      //  $("#menupopup li").children("#kapatimg").css({'visibility' : 'visible'});			
	   //}, function() {
		//    $(this).children("div").animate({opacity: "hide", top: "-90"}, "fast");
	    //});
// Fly to Basket Baslar 
	$("#urun_ekle img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		
		var productX 		= $("#urun-resim_" + productIDVal).offset().left;
		var productY 		= $("#urun-resim_" + productIDVal).offset().top;

		var basketX 		= $("#sideBar").offset().left;
		var basketY 		= $("#sideBar").offset().top;
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#urun-resim_" + productIDVal).width() / 3;
		var newImageHeight	= $("#urun-resim_" + productIDVal).height() / 3;
		
		$("#urun-resim_" + productIDVal + " img")
		.clone()
		.prependTo("#urun-resim_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
		
		$(this).remove();																																																																											         sepetAc();
		var y=setTimeout("sepetKapat();",2000)
		});
		
	});
// Fly To Basket Biter	
});

function sepetAc() {
	$("#sideBar").animate({ width: "502px" }, {queue:false, duration:"normal"} );
	$("#sideBar").animate({ height: "302px" }, {queue:false, duration:"normal"} );
	$("#sideBar").children("span").animate({opacity: "show"}, "fast");
}

function sepetKapat() {
	$("#sideBar").animate({ width: "1px" }, {queue:false, duration:"normal"} );
	$("#sideBar").animate({ height: "127px" }, {queue:false, duration:"normal"} );			
	$("#sideBar").children("span").animate({opacity: "hide"}, "fast");	
}

function Popupkapat() {
	$("#logindiv").animate({opacity: "hide", top: "-200"}, "fast");
}
function PopupAc() {
	$("#logindiv").animate({opacity: "show", top: "-150"}, "fast");
}