/*
*	h.js
*
*	Javascript Development Made by CAT®
* 	http://www.madebycat.com
*/

 $(function(){

	

 	$('.draging').draggable();
	
	ScalePx = 100;
	ScaleSpeed = 300;
	
	$('#bigscreen').click(function(){
		$(".screen-containercls").css({position:"absolute",background:"#fff",left:"330px"});
		
		$(".screen-containercls").animate({
			left:"13px"
		},{queue:false, duration:50});
		
		$(".screen-containercls").animate({
			border: "1px solid #CFCFCF",
			padding: "30px 70px",
			width:"800px",
			left:"13px"
		},{queue:false, duration:ScaleSpeed});
		
		$("#screen-container .screen").animate({
			width:"718px",
			height:"380px"
		},{queue:false, duration:ScaleSpeed});
		
		$("#screen-container").css({width:"800px"});

		return false;
	});
	
	$('#smallscreen').click(function(){
		
		$("#screen-container").css({width:"626px"});
		
		$(".screen-containercls").animate({
			left:"330px"
		},{queue:false, duration:300});
		
		$(".screen-containercls").animate({
			border: "0px solid #CFCFCF",
			padding: "0",
			width:"626px"
		},{queue:false, duration:ScaleSpeed});
		
		$("#screen-container .screen").animate({
			width:"544px",
			height:"365px"
		},{queue:false, duration:100});
		
		
		
		$(".ui-draggable").animate({
			left: parseInt($('.ui-draggable').css('left').slice(0, -2)) - (ScalePx/2),
			top: parseInt($('.ui-draggable').css('top').slice(0, -2)) - (ScalePx/2)
		},{queue:false, duration:ScaleSpeed});

		return false;
	});
	
	
	$('.control-btn .plus').click(function(){
	
		var imgDragWidth_orj = $(".drag-img").width();
		var imgDragHeight_orj = $(".drag-img").height();
		//var imgDragWidth = imgDragWidth_orj + ScalePx;
		var imgDragHeight = imgDragHeight_orj + ScalePx;
		
		//if(imgDragWidth>100)return;
		
		var imgPointerWidth_orj = $(".drag-pointer").width();
		var imgPointerHeight_orj = $(".drag-pointer").height();
		//var imgPointerWidth;
		var imgPointerHeight;
		var imgPointerLeft_orj = $(".drag-pointer").css('left').replace('px','');
		var imgPointerTop_orj = $(".drag-pointer").css('top').replace('px','');
		var imgPointerLeft;
		var imgPointerTop;
		
		if(imgDragHeight != imgDragHeight_orj){
			//var scale = imgDragWidth / imgDragWidth_orj;
			var scale = imgDragHeight / imgDragHeight_orj;
			
			//imgPointerWidth = imgPointerWidth_orj * scale;	
			imgPointerHeight = imgPointerHeight_orj * scale;	
			
			imgPointerLeft = imgPointerLeft_orj * scale;
			imgPointerTop = imgPointerTop_orj * scale;	
		}
		
		$(".drag-img").animate({
			height: imgDragHeight
		},{queue:false, duration:ScaleSpeed});
				
		$(".drag-pointer").animate({
			height: imgPointerHeight,
			top: imgPointerTop,
			left: imgPointerLeft
		},{queue:false, duration:ScaleSpeed});
		
		$(".ui-draggable").animate({
			left: parseInt($('.ui-draggable').css('left').slice(0, -2)) - (ScalePx/2),
			top: parseInt($('.ui-draggable').css('top').slice(0, -2)) - (ScalePx/2)
		},{queue:false, duration:ScaleSpeed});

		return false;
	});

	$('.control-btn .negative').click(function(){
		/**/
		var imgDragWidth_orj = $(".drag-img").width();
		var imgDragHeight_orj = $(".drag-img").height();
		//var imgDragWidth = imgDragWidth_orj - ScalePx;
		var imgDragHeight = imgDragHeight_orj - ScalePx;
		
		if(imgDragHeight<100)return;
		
		var imgPointerWidth_orj = $(".drag-pointer").width();
		var imgPointerHeight_orj = $(".drag-pointer").height();
		//var imgPointerWidth;
		var imgPointerHeight;
		var imgPointerLeft_orj = $(".drag-pointer").css('left').replace('px','');
		var imgPointerTop_orj = $(".drag-pointer").css('top').replace('px','');
		var imgPointerLeft;
		var imgPointerTop;
		
		if(imgDragHeight != imgDragHeight_orj){
			//var scale = imgDragWidth / imgDragWidth_orj;
			var scale = imgDragHeight / imgDragHeight_orj;
			
			//imgPointerWidth = imgPointerWidth_orj * scale;	
			imgPointerHeight = imgPointerHeight_orj * scale;	
			
			imgPointerLeft = imgPointerLeft_orj * scale;
			imgPointerTop = imgPointerTop_orj * scale;	
		}
		
		$(".drag-img").animate({
			height: imgDragHeight
		},{queue:false, duration:ScaleSpeed});
				
		$(".drag-pointer").animate({
			height: imgPointerHeight,
			top: imgPointerTop,
			left: imgPointerLeft
		},{queue:false, duration:ScaleSpeed});
		
		$(".ui-draggable").animate({
			left: parseInt($('.ui-draggable').css('left').slice(0, -2)) + (ScalePx/2),
			top: parseInt($('.ui-draggable').css('top').slice(0, -2)) + (ScalePx/2)
		},{queue:false, duration:ScaleSpeed});
		
		return false;
	});

	$('.thumbnail-nav img').click(function(){
	
		var imgDragWidth_orj = $(".drag-img").width();
		var imgDragHeight_orj = $(".drag-img").height();
		//var imgDragWidth = 500;
		var imgDragHeight = 350;
		
		var imgPointerWidth_orj = $(".drag-pointer").width();
		var imgPointerHeight_orj = $(".drag-pointer").height();
		//var imgPointerWidth;
		var imgPointerHeight;
		var imgPointerLeft_orj = $(".drag-pointer").css('left').replace('px','');
		var imgPointerTop_orj = $(".drag-pointer").css('top').replace('px','');
		var imgPointerLeft;
		var imgPointerTop;
		
		
		//var pointerVisibility = $(".drag-pointer").css('visibility');
					
		if(imgDragHeight != imgDragHeight_orj){
			//var scale = imgDragWidth / imgDragWidth_orj;
			var scale = imgDragHeight / imgDragHeight_orj;
			
			//imgPointerWidth = imgPointerWidth_orj * scale;
			imgPointerHeight = imgPointerHeight_orj * scale;
			
			//if(pointerVisibility == 'visible'){}
			
				imgPointerLeft = imgPointerLeft_orj * scale;
				imgPointerTop = imgPointerTop_orj * scale;
			
		}
		
		$(".drag-img").attr("src",$(this).attr("rel"));
				
		$(".drag-img").animate({
			height: imgDragHeight
		},{queue:false, duration:ScaleSpeed});
		
		//if(pointerVisibility == 'visible'){}
		
			$(".drag-pointer").animate({
				height: imgPointerHeight,
				top: imgPointerTop,
				left: imgPointerLeft
			},{queue:false, duration:ScaleSpeed});
		
		
		$(".ui-draggable").animate({
			top: "3",
			left: "3"
		},{queue:false, duration:ScaleSpeed});
		
		if($(this).attr("navigation")){
			$(".screen-bottom-nav").show();
		}else{
			$(".screen-bottom-nav").hide();
		}
		
		//alert($(".drag-img").width());
		return false;	
	});
	

	externalLinks();
 
 });
 
 var externalLinks = function(){
		if(!document.getElementsByTagName) return;
		var anchors = document.getElementsByTagName("a");
		for (var i=0;i<anchors.length;i++){
			var anchor = anchors[i];
			if (anchor.getAttribute("href") && anchor.getAttribute("rel")=="external"){
				anchor.onclick = function(e){
					window.open(this.href);
					return false;
				}
			}
		}
	}