// JavaScript Document

$(window).load(function() {
	toggleSelectBoxes();
	//fixSelectInputs($('select'));
});

$(document).ready(function() {

    showPopUp();
	topMenu();
	homePageBlocks();
	redBlock();
	marginFix();
	listHover();
});

function listHover(){
		$('.controlProductListContainer .productListItem').hover(
	
		function() {
			$(this).addClass('Hover');
		},
		function() {
			$(this).removeClass('Hover');
			}
		);
	}


function showPopUp() {

    $('.showPopUp').hover(

	function() {

	    $(this).find('.popUpContent:first').stop(true, true);
	    if ($.browser.msie == true) {
	        $(this).find('.popUpContent:first').show();
	    } else {
	        $(this).find('.popUpContent:first').fadeIn(200);
	    }
	},
		function() {
		    if ($.browser.msie == true) {
		        $(this).find('.popUpContent:first').hide();
		    } else {
		        $(this).find('.popUpContent:first').fadeOut(200);
		    }
		}
	);
}


function 	topMenu() {

    $('.topMenu li').hover(

	function() {

	    $(this).find('ul:first').stop(true, true);
	    if ($.browser.msie == true) {
	        $(this).find('ul:first').parent().css("position","relative").children().show();
	    } else {
	        $(this).find('ul:first').parent().css("position","relative").children().fadeIn(200);
	    }
	},
		function() {
			
		    if ($.browser.msie == true) {
		        $(this).find('ul:first').hide().parent().css("position","static");
		    } else {
		        $(this).find('ul:first').fadeOut(200, function() {
					$(this).parent().css("position","static")
				 }
				 );
		    }
		}
	);
}


function	homePageBlocks(){
	
	    $('div.squareBlock').click(
								  
		function() { 
			  if ($.browser.msie) {
					$(this).find('.homePopUp').show();
     		    } else {	
					$(this).find('.homePopUp').fadeIn(200);
				}
		});
}

function redBlock() {

    $('.redBlock').hover(

	function() {
	    $(this).addClass('Hover');
	},
	function() {
		$(this).removeClass('Hover');
		}
	);
}

function marginFix(){
		$('.homePageContainer .leftBlocksColumn .squareBlock:nth-child(3n)').addClass('lastInLine');
		$('.homePageContainer .leftBlocksColumn .squareBlock:gt(6)').addClass('lastInColumn');
		$('.homePageContainer .rightBlocksColumn .squareBlock:nth-child(3n)').addClass('lastInLine');
		$('.homePageContainer .rightBlocksColumn .squareBlock:gt(6)').addClass('lastInColumn');
		//$('div.topMenu > ul > li:nth-child(3n)').addClass('lastInLine');
		$('div.controlProductListContainer > div.productListItem:nth-child(4n)').addClass('lastInLine').after('<div class="lineSeparator"></div>');
		if(!$('div.controlProductListContainer > div.productListItem:last').hasClass('lastInLine')){
		$('div.controlProductListContainer div.productListItem:last').after('<div class="lineSeparator"></div>');}
		}
		
function onFocusInput(inputObj, defaultText) {
    if ($.trim($(inputObj).val()) == defaultText) {
		$(inputObj).val("").addClass("focusInput");
	}
}

function onBlurInput(inputObj, defaultText) {
    if (($.trim($(inputObj).val()) == "") || ($(inputObj).val().toLowerCase() == defaultText.toLowerCase())) {
		$(inputObj).val(defaultText).removeClass("focusInput");;
	}
}

function switchTab(container, tabId) {
	$(container).parent().find('.activeTab').removeClass('activeTab');
	$(container).addClass('activeTab');
	$(tabId).parent().find('div.tabContentItem').removeClass('active');
	$(tabId).addClass('active');
}

function toggleSelectBoxes() {
	$("select").each(function() {
		//alert($(this).css('width'));
		if($(this).hasClass('noDecoration')) return;
		var parSelWidth = parseInt($(this).css('width'));
		if ($(this).hasClass('selectHadToggled')) return;
		$(this).addClass('selectHadToggled');
		var $parentSelect = $(this);
		var selectName = $parentSelect.attr("name");
		$parentSelect.wrap('<span class="selectHolder"></span>').wrap('<span class="text"></span>').after('<input type="text" name="JSB_' + selectName + '" value="' + $(this).find("option:selected").text() + '" readonly="readonly" /><span class="closeBg"></span><span class="arrow"></span>');
		var $selectHolder = $parentSelect.parent().parent();
		$selectHolder.attr("style", $parentSelect.attr("style"));
		var $selectInput = $selectHolder.find("span.text").find("input");
		$selectInput.attr("value", $(this).find("option:selected").text());
		$selectInput.css("width", parSelWidth - 19);

		var $selectArrow = $selectHolder.find("span.text").find("span.arrow");
		$selectHolder.append('<span class="listHolder"></span>');
		
		var $listHolder = $selectHolder.find('span.listHolder');
		$listHolder.append(doSelectList($parentSelect));
		
		$parentSelect.hide();
		$listHolder.css("width", $selectHolder.width() - 0);
		if($listHolder.width()==0) $listHolder.css("width", 145);
		
		var hasFocus = false;
		var keepFocus = false;
		
		$selectArrow.mousedown(function() {
			$(this).css("background-position", "0px -20px");
		})
		.mouseup(function() {
			$(this).css("background-position", "0px 0px");
		})
		.click(function() {
			$(this).css("background-position", "0px 0px");
			$selectInput.focus();
		});

		$listHolder.mousedown(function() {
			keepFocus = hasFocus;
		});
		
		$listHolder.find("span.li").mousedown(function() {
			keepFocus = false;
			hasFocus = false;
			$selectInput.val($(this).text());
			$parentSelect.val($(this).attr("value"));
			$parentSelect.change();
		});
		
		$selectInput
		.focus(function() {
			hasFocus = true;
			$selectHolder.addClass("positionRelative");
			$listHolder.show();
		})
		.blur(function(e) {
			hasFocus = false;
			if ($.browser.mozilla) keepFocus = false;
			if (!keepFocus) {
				$listHolder.hide();
				$selectHolder.removeClass("positionRelative");
			} else {
				keepFocus = false;
				$(this).focus();
			}
		});

    });

    $("span.selectHolder span.listHolder span.li").hover(
		function() {
		    $(this).addClass("hover");
		},
		function() {
		    $(this).removeClass("hover");
		}
	);
}

function doSelectList($selectObj) {
    var returnString = '';
	returnString += '<span class="listScrol">';
    $selectObj.find("option").each(function() {
        returnString += '<span class="li" value="' + $(this).val() + '" style="' + $(this).attr("style") + '">' + $(this).text() + '</span>';
    });
	 returnString += '<span class="closeList"></span></span>';
    return returnString;
}

function fixSelectInputs($holder) {
    $holder.find("span.selectHolder").each(function() {
       	$(this).find("span.text input").width(parseInt($(this).css("width")) - 16).val($(this).find("option:selected").text());
        $(this).find("span.listHolder").width(parseInt($(this).css("width")) - 8);
    });
}