function getWindowInnerSize(pDoc)
{
	var width, height;
	if (!pDoc)
		pDoc = document;

	if (self.innerHeight) // all except Explorer
	{
		width = self.innerWidth;
		height = self.innerHeight;
	}
	else if (pDoc.documentElement && pDoc.documentElement.clientHeight) // Explorer 6 Strict Mode
	{
		width = pDoc.documentElement.clientWidth;
		height = pDoc.documentElement.clientHeight;
	}
	else if (pDoc.body) // other Explorers
	{
		width = pDoc.body.clientWidth;
		height = pDoc.body.clientHeight;
	}
	return {innerWidth : width, innerHeight : height};
}

function getWindowScrollPos(pDoc)
{
	var left, top;
	if (!pDoc)
		pDoc = document;

	if (self.pageYOffset) // all except Explorer
	{
		left = self.pageXOffset;
		top = self.pageYOffset;
	}
	else if (pDoc.documentElement && pDoc.documentElement.scrollTop) // Explorer 6 Strict
	{
		left = document.documentElement.scrollLeft;
		top = document.documentElement.scrollTop;
	}
	else if (pDoc.body) // all other Explorers
	{
		left = pDoc.body.scrollLeft;
		top = pDoc.body.scrollTop;
	}
	return {scrollLeft : left, scrollTop : top};
}

$(function(){
	
	
	$(".allphotos").click(function () {
		
		
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 80;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		$(".reg_form").css({"margin-left": "-450px"});
		$(".reg_form").width("900px");
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		var id = $(this).attr("alt");
		var name = $(this).attr("title");
		$.ajax({
		  url: "/bitrix/templates/ajax/detail_scroller.php",
		  cache: false,
		  type: "POST",
		  data: "id="+id+"&name="+name,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	
	$(".any_present").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		
		var summa = $(this).attr("alt");
		$.ajax({
		  url: "/bitrix/templates/ajax/present.php",
		  cache: false,
		  type: "POST",
		  data: "summa="+summa,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
    
    $(".pol_card").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		
		var id = $(this).attr("alt");
		$.ajax({
		  url: "/bitrix/templates/ajax/card.php",
		  cache: false,
		  type: "POST",
		  data: "id="+id,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	$(".close_presents").click(function () {
		
		$(".turn_lignt").hide();
		$(".reg_form").hide();
		
	});
	///////
	$(".callback").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 80;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/bitrix/templates/ajax/callback.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	////
	$(".discount_prog").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 80;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/discount_program.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	////
	$(".subscribe_go").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 80;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/bitrix/templates/ajax/subscribe.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	////////
	$(".presrnts-item").hover(
      function () {
		$(this).css("background-color","#E3FCC9");
		$(this).css("color","#438400");
		$(this).find("img.pres_t_l").show();
		$(this).find("img.pres_t_r").show();
		$(this).find("img.pres_b_l").show();
		$(this).find("img.pres_b_r").show();
      }, 
      function () {
		$(this).css("background-color","#FFF");
		$(this).css("color","#757575");
		$(this).find("img.pres_t_l").hide();
		$(this).find("img.pres_t_r").hide();
		$(this).find("img.pres_b_l").hide();
		$(this).find("img.pres_b_r").hide();
      }
    );
	$(".presrnts-item").click(function () {
		var src = $(this).find(".pres-image").attr("src");
		var alt = $(this).find(".pres-image").attr("alt");
		
		$("#present").css("background-image", "url(" + src + ")");
		$("#your_present").val(alt);
		
		$(".turn_lignt").hide();
		$(".reg_form").hide();
		
		return false;
	});
	
	/////////////
	
	$(".view_reg").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		$(".reg_form").css({"top": marginTop+"px"});
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/bitrix/templates/ajax/regform.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
	
	$(".close_reg_form").click(function () {
		
		$(".turn_lignt").hide();
		$(".reg_form").hide();
		
		$(".reg_form").css({"margin-left": "-296px"});
		$(".reg_form").width("592px");
		
		
	});
	$(".close_reg_form2").click(function () {
		
		$(".turn_lignt").hide();
		$(".reg_form").hide();
		
	});
    
    ///
    $(".preimuchestva").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/preimuchestva.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
    
    $(".percent").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/discount_popup.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});


    $(".podarok").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/5prichin_popup.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});	

    $(".what_present").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/podarok_popup.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});	
        
    $(".spos_oplati").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/spos_oplati.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
    
    $(".dostavka").click(function () {
		var ws = getWindowInnerSize();
		var wss = getWindowScrollPos();
		height_box = $(".reg_form").height();
		var marginTop = wss.scrollTop + 220;
		//alert(wss.scrollTop);
		$(".reg_form").css({"top": marginTop+"px"});
		
		/*turn light*/
			$(".turn_lignt").animate({ opacity: 0.56}, 1 );
			$(".turn_lignt").height($("#box").height());
			$(".turn_lignt").show();
		/*end - turn light*/
		$.ajax({
		  url: "/incs/dostavka.php",
		  cache: false,
		  success: function(html){
			$(".for_ajax").html(html);
		  }
		});
		
		$(".reg_form").show();
		
		return false;
	});
    /////////////
	var c = 0;
	$(".scroll2right").click(function () {
		n = $(".scroll_box ul li").size();
	
		if(c < n-4)
		{
			$(".scroll_box ul").animate({"left": "-=173px"}, "slow");
			
			c++;
		}
		else
		{
			$(".scroll_box ul").animate({"left": "0px"}, "slow");
			
			c = 0;
		}
		
	});
	
	$(".scroll2left").click(function () {
		
		if(c > 0)
		{
			$(".scroll_box ul").animate({"left": "+=173px"}, "slow");
			
			c--;
		}
		
	});
	
	var rang = 0;
	$(".rang_stars img").hover(
      function () {
        var star = $(this).attr("id");
		
		if(star == 1)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
			
			$("#1").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
		}
		else if(star == 2)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
			
			$("#1").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			$("#2").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
		}
		else if(star == 3)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			
			$("#4").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
			$("#5").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
		}
		else if(star == 4)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			
			$("#5").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
		}
		else if(star == 5)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
		}
		
      }, 
      function () {
        
		if(rang == 0)
		{
			$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
		}
		else
		{
			if(rang == 1)
			{
				$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
				
				$("#1").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			}
			else if(rang == 2)
			{
				$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
				
				$("#1").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
				$("#2").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			}
			else if(rang == 3)
			{
				$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
				
				$("#4").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
				$("#5").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
			}
			else if(rang == 4)
			{
				$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
				
				$("#5").attr({src:'/bitrix/templates/toys_new/images/rang_star_no.gif'});
			}
			else if(rang == 5)
			{
				$(".rang_stars img").attr({src:'/bitrix/templates/toys_new/images/rang_star.gif'});
			}
		}
      }
    );
	
	$(".rang_stars img").click(function () {
		
		rang = $(this).attr("id");
		$('#rang').val(rang);
		
	});

	n2 = $(".detail-scroller-box ul li").size();
	$(".detail-scroller-box ul li").eq(0).clone(true).insertAfter($(".detail-scroller-box ul li").eq(n2-1));
	$(".detail-scroller-box ul li").eq(n2-1).clone(true).insertBefore($(".detail-scroller-box ul li").eq(0));
	$(".detail-scroller-box ul li").eq(2).clone(true).insertAfter($(".detail-scroller-box ul li").eq(n2+1));
	/*detail scrolling*/
	var c2 = 0;
	$(".scroller_right").click(function () {
		n2 = $(".detail-scroller-box ul li").size() - 3;
	
		if(c2 < n2-1)
		{
			$(".detail-scroller-box ul").animate({"left": "-=235px"}, "slow");
			
			c2++;
		}
		else
		{
			$(".detail-scroller-box ul").animate({"left": "-=235px"}, "slow");
			$(".detail-scroller-box ul").animate({"left": "-118px"}, 1);
			
			c2 = 0;
		}
		
	});
	
	$(".scroller_left").click(function () {
		n2 = $(".detail-scroller-box ul li").size() - 3;
		if(c2 > 0)
		{
			$(".detail-scroller-box ul").animate({"left": "+=235px"}, "slow");
			
			c2--;
		}
		else
		{
			$(".detail-scroller-box ul").animate({"left": "-=235px"}, "slow");
			$(".detail-scroller-box ul").animate({"left": "-118px"}, 1);
			
			c2 = n2-2;
		}
		
	});
	/*end of detail scrolling*/
	
	/* selects */
	var params = {
		changedEl: ".my_select"
	}
	//cuSel(params);
});

 var inputNumber = 1;

        window.onload = WindowOnLoad;
        
        function HandleChanges(id)
        {
            file = document.getElementById(id).value;
         
            
             reWin = /.*\\(.*)/;
            var fileTitle = file.replace(reWin, "$1"); //выдираем название файла для w*s
            reUnix = /.*\/(.*)/;
            fileTitle = fileTitle.replace(reUnix, "$1"); //выдираем название для *nix
            
            //fileName = document.getElementById('name'+id);
           // fileName.innerHTML = fileTitle;
            var RegExExt =/.*\.(.*)/;
            var ext = fileTitle.replace(RegExExt, "$1");//и его расширение
            
            var pos;
            if (ext){
                switch (ext.toLowerCase())
                {
                    case 'doc': pos = '0'; break;
                    case 'bmp': pos = '16'; break;                       
                    case 'jpg': pos = '32'; break;
                    case 'jpeg': pos = '32'; break;
                    case 'png': pos = '48'; break;
                    case 'gif': pos = '64'; break;
                    case 'psd': pos = '80'; break;
                    case 'mp3': pos = '96'; break;
                    case 'wav': pos = '96'; break;
                    case 'ogg': pos = '96'; break;
                    case 'avi': pos = '112'; break;
                    case 'wmv': pos = '112'; break;
                    case 'flv': pos = '112'; break;
                    case 'pdf': pos = '128'; break;
                    case 'exe': pos = '144'; break;
                    case 'txt': pos = '160'; break;
                    default: pos = '176'; break;
                };
               // fileName.style.display = 'block';
				$("#fname").html(fileTitle);
                //fileName.style.background = 'url(images/icons.png) no-repeat 0 -'+pos+'px';
              
            };
        };
        
        function WrapEverything()
        {
            inputs = getElementsByClassName('customFileInput');
            for (var i = 0 ; i < inputs.length; i++)
                wrap(inputs[i]);
            
        };
        
        function wrap(element)
        {
            wraper = document.createElement('div');
            wraper.className = 'wrapper';
            fileInput = document.createElement('input');
            fileInput.value = '';
            fileInput.setAttribute('type','file');
            var id = element.getAttribute('id');
            wraper.setAttribute('id','wrapper'+id);
            fileInput.setAttribute('id',id);
            fileInput.className = 'customFile';
            fileInput.onchange = function(){ HandleChanges(id) };
            fileInput.onmouseover = function() { MakeActive(id) };
            fileInput.onmouseout = function() { UnMakeActive(id) };
            //fileName = document.createElement('div');
           // fileName.style.display = 'none';
           // fileName.style.background = 'url(images/icons.png)';
           // fileName.setAttribute('id','name'+id);
           // fileName.className = "FileName";
            bb = document.createElement('div');
            bb.setAttribute('id','bb' + id);
            bb.className = 'fakeButton';
            bl = document.createElement('div');
            bl.setAttribute('id','bl' + id);
            bl.className = 'blocker';
            wraper.appendChild(bb);
            wraper.appendChild(bl);
            wraper.appendChild(fileInput);
          //  wraper.appendChild(fileName);
            x = element.parentNode;
            x.replaceChild(wraper,element);
        };
        function AddInput(container)
        {            
            if(inputNumber < 4)
			{
				wraper = document.createElement('div');
				wraper.className = 'wrapper';
				fileInput = document.createElement('input');
				fileInput.value = '';
				fileInput.setAttribute('type','file');
				var id = 'customFileInput'+inputNumber;
				wraper.setAttribute('id','wrapper'+id);
				fileInput.setAttribute('id',id);
	
				fileInput.className = 'customFile';
				fileInput.onchange = function(){ HandleChanges(id) };
				fileInput.onmouseover = function() { MakeActive(id) };
				fileInput.onmouseout = function() { UnMakeActive(id) };
				//fileName = document.createElement('div');
				//fileName.style.display = 'none';
				//fileName.style.background = 'url(images/icons.png)';
				//fileName.setAttribute('id','name'+id);
				//fileName.className = "FileName";
				bb = document.createElement('div');
				bb.setAttribute('id','bb' + id);
				bb.className = 'fakeButton';
				bl = document.createElement('div');
				bl.setAttribute('id','bl' + id);
				bl.className = 'blocker';
				deleteButton = document.createElement('div');
				deleteButton.className = 'minus';
				deleteButton.onclick = function() { DeleteCustomInput(id) };
				wraper.appendChild(bb);
				wraper.appendChild(bl);
				wraper.appendChild(fileInput);
				//wraper.appendChild(fileName);
				wraper.appendChild(deleteButton);
				container.appendChild(wraper);
				inputNumber++;
			}
        };
        
        function DeleteCustomInput(id)
        {
            i = document.getElementById('wrapper'+id);
            i.parentNode.removeChild(i);
			inputNumber--;
        }
        function WindowOnLoad()
        {
            WrapEverything();
        };
        
        
        function MakeActive(id)
        {
            bb = document.getElementById('bb'+id);
            //bb.style.backgroundPosition = '0 -21px';
        };
        function UnMakeActive(id)
        {
            bb = document.getElementById('bb'+id);
            bb.style.backgroundPosition = '0 0';
        };
        
        function getElementsByClassName(searchClass) {
	        var classElements = new Array();
	        var els = document.getElementsByTagName('*');
	        var elsLen = els.length;
	        var pattern = new RegExp("(^|\\\\s)"+searchClass+"(\\\\s|$)");
	        for (i = 0, j = 0; i < elsLen; i++) {
		        if ( pattern.test(els[i].className) ) {
			        classElements[j] = els[i];
			        j++;
		        }
	        }
	        return classElements;
        };
        function addCustomFileInput(container)
        {
            w = document.getElementById(container);
            AddInput(w);
        };