// JavaScript Document
$(document).ready(function(){
    scaling();
	pooPupf();  
	slider();
	portfolidetail();
	makeHomeRotator();
	makeHomeRotatorTwo();
	fixBlockSocial();
	hoverPortfolio();
	desImg();
	accordionLogic();
	workshopList();
})

var openedTopMenu = null;
var openedTopMenuDIV = null;
var blackDiv = $('#coveringDiv');
var scalingBackgroundImgWidth = 0;
var scalingBackgroundImgHeight = 0;

function ReloadWorkshopList() {
    html = "";
    $('div.workshopItem').each(
					  function () {
					      if ($(this).find('input:checked').length > 0) {
					          html = html + "<li>" + $(this).find('.headerText').html() + "</li>";
					      }
					  });
    $('div.formLegendHolder ul li').remove();
    $('div.formLegendHolder ul').append(html);
}

function 	workshopList(){
    var html;

	$('div.workshopItem .checkIt input').click(
	  function() {
		  html="";
		  $('div.workshopItem').each(
					  function() {
						  if ($(this).find('input:checked').length > 0){
							  html= html + "<li>" + $(this).find('.headerText').html() + "</li>";
							  }
						  });
		   $('div.formLegendHolder ul li').remove();
		   $('div.formLegendHolder ul').append(html);
	  });

}
	

function accordionLogic(){
	
	$('div.accordionItem').click(
	  function() {
		$('div.accordionItem').removeClass('active');
		$(this).addClass('active');
	  }
	);
		
	}
function fixBlockSocial(){
	$('div.blockSoc:odd').css("margin-left","15px");
}

function scaling() {
    $('#coveringDiv').css('height', $(document).height() + 'px')
					.css("opacity", 0.25)
					.css('visibility', 'hidden');
    var mainImgUrl = $('div.frontpageImageDivHolder').css('background-image-url');

    if ($.browser.msie) {
        scalingBackgroundImgWidth = $('#scalingBackground > img').width();
        scalingBackgroundImgHeight = $('#scalingBackground > img').height();
        checkMainImg();
    } else {
        $('#scalingBackground > img').load(function() {
            scalingBackgroundImgWidth = $('#scalingBackground > img').width();
            scalingBackgroundImgHeight = $('#scalingBackground > img').height();
            checkMainImg();
        });
    }
}

function desImg(){
	$('div.revertDes .socialImage').each(function() {
	 Pixastic.process($(this)[0], "desaturate", { average : false });
	}); 
	$('div.revertDes .DescriptionText a').each(function() {
	$(this).mouseover(function() {
	$(this).children('.copyImageSocial').addClass('hv');
	});
	$(this).mouseout(function() {
	$(this).children('.copyImageSocial').removeClass('hv');
	});
	});
	}

function makeHomeRotator() {
    var rotObj = new Object();
    var itemsCount = $('div.rotatorContainer div.item').length;
    var currentRotItem;
    var isFading = false;
    var homeRotatorTime = 3;
    var homeRotatorTimer;

    $('div.rotatorContainer').append('<div class="rotator-pager"></div>');
    for (var i = 0; i < itemsCount; i++) {
        $('div.rotator-pager').append('<div class="item"><!--  --></div>');
    }

    $('div.rotator-pager div.item').each(function(i) {
        $(this)
		.hover(
			function() {
			    $(this).addClass('hover');
			},
			function() {
			    $(this).removeClass('hover');
			}
		)
		.click(
			function() {
			    if ($(this).hasClass('active')) return;
			    if (isFading) return;
			    isFading = true;
			    $('div.rotator-pager div.item').removeClass('active');
			    $(this).addClass('active');
			    clearInterval(homeRotatorTimer);
			    $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeOut(400);
			    currentRotItem = i + 1;
			    $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeIn(400,
					function() {
					    isFading = false;
					    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);
					}
				);
			}
		)
    });

    currentRotItem = 1;
    $('div.rotator-pager div.item:nth-child(1)').addClass('active');
    $('div.rotatorContainer > div.item:nth-child(1)').show();

    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);

    function rotate() {
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').stop(true, true);
        clearInterval(homeRotatorTimer);
        $('div.rotator-pager div.item').removeClass('active');
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeOut(600);
        currentRotItem++;
        if (currentRotItem > itemsCount) currentRotItem = 1;
        $('div.rotator-pager div.item:nth-child(' + currentRotItem + ')').addClass('active');
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeIn(600,
			function() {
			    isFading = false;
			    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 2000);
			}
		);
    }
}

function makeHomeRotatorTwo() {
    var rotObj = new Object();
    var itemsCount = $('div.rotatorContainerTwo div.itemt').length;
    var currentRotItem;
    var isFading = false;
    var homeRotatorTime = 3;
    var homeRotatorTimer;

    $('div.rotatorContainerTwo').append('<div class="rotator-pagert"></div>');
    for (var i = 0; i < itemsCount; i++) {
        $('div.rotator-pagert').append('<div class="itemt"><!--  --></div>');
    }

    $('div.rotator-pagert div.itemt').each(function(i) {
        $(this)
		.hover(
			function() {
			    $(this).addClass('hover');
			},
			function() {
			    $(this).removeClass('hover');
			}
		)
		.click(
			function() {
			    if ($(this).hasClass('active')) return;
			    if (isFading) return;
			    isFading = true;
			    $('div.rotator-pagert div.itemt').removeClass('active');
			    $(this).addClass('active');
			    clearInterval(homeRotatorTimer);
			    $('div.rotatorContainerTwo > div.itemt:nth-child(' + currentRotItem + ')').fadeOut(400);
			    currentRotItem = i + 1;
			    $('div.rotatorContainerTwo > div.itemt:nth-child(' + currentRotItem + ')').fadeIn(400,
					function() {
					    isFading = false;
					    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);
					}
				);
			}
		)
    });

    currentRotItem = 1;
    $('div.rotator-pagert div.itemt:nth-child(1)').addClass('active');
    $('div.rotatorContainerTwo > div.itemt:nth-child(1)').show();

    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);

    function rotate() {
        $('div.rotatorContainerTwo > div.itemt:nth-child(' + currentRotItem + ')').stop(true, true);
        clearInterval(homeRotatorTimer);
        $('div.rotator-pagert div.itemt').removeClass('active');
        $('div.rotatorContainerTwo > div.itemt:nth-child(' + currentRotItem + ')').fadeOut(600);
        currentRotItem++;
        if (currentRotItem > itemsCount) currentRotItem = 1;
        $('div.rotator-pagert div.itemt:nth-child(' + currentRotItem + ')').addClass('active');
        $('div.rotatorContainerTwo > div.itemt:nth-child(' + currentRotItem + ')').fadeIn(600,
			function() {
			    isFading = false;
			    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 2000);
			}
		);
    }
}


function slider() {
    var item = $('div.sliderNews ul li');
    var index = item.index($('li.active'));
    var itemCount = item.children().size()
    var indexh = 0;
    if (index == -1) {
        $('.prev').addClass('disabled');
    } else {
        indexh = GetIndexhAndHide(index, itemCount);
    }
    if (itemCount < 4) {
        $('.next').addClass('disabled');
        $('.prev').addClass('disabled');
    }
    $(".sliderNews").jCarouselLite({
        start: indexh,
        btnNext: ".next",
        btnPrev: ".prev",
        circular: false
    });
}
function GetIndexhAndHide(index, max) {
    if (index <= 1) {
        $('.prev').addClass('disabled');
        if(index == 0)
            return 0;
    }
    if (index >= max - 2) {
        $('.next').addClass('disabled');
        if (index == max - 1) 
            return index - 2;
    }
    return indexh = index - 1;
}

function portfolidetail() {
	if ($('div.productpic ul li').length < 5) { 
		$('.nexti').addClass('disabled');
	}
	else { 
	}
	$('.previ').addClass('disabled');
    $('.widget .productpic').jCarouselLite({
        btnNext: ".nexti",
        btnPrev: ".previ",
		circular: false,
        visible: 4
    });
}

function hoverPortfolio(){
	$('div.productpic ul li a img').hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
	);
	}

function changeMediumSrc(srcMedium, zoomcolor) {
    $(".widget .big .big-image-container img").attr("src", srcMedium);
    $(".widget .big .big-image-container a").attr("href", "javascript:ShowLargeImage('".concat(srcMedium, "');"));
    $(".widget .big .big-image-container span.zoom").attr("style", zoomcolor);
}

function ShowLargeImage(getSrc) {
    $('.popupDetail .imgContainerBig img').attr("src", getSrc);
    $('.overlay').css('height', $(document).height() + 'px');
    $('.overlay').css('visibility', 'visible')
    $('.overlay').animate({ opacity: 0.75 }, 300);
    $('.popupDetail').css({
        display: 'block',
        left: ($(window).width() - $('.className').outerWidth()) / 2,
        top: ($(window).height() - $('.className').outerHeight()) / 2
    });
    //get margin left
    var marginLeft = -$('.popupDetail .imgContainerBig img').width() / 2 + 'px';
    //get margin top
    var marginTop = -$('.popupDetail .imgContainerBig img').height() / 2 + 'px';
    //return updated element
    $('.popupDetail').css({ 'margin-left': marginLeft, 'margin-top': marginTop });
    $('.overlay, .imgContainerBig').click(function() {
        $('.overlay').css('visibility', 'hidden')
        $('.overlay').animate({ opacity: 0 }, 300);
        $('.popupDetail').css('display', 'none')
        $(window).resize(function() {
            $('.className').css({
                position: 'absolute',
                left: ($(window).width() - $('.className').outerWidth()) / 2,
                top: ($(window).height() - $('.className').outerHeight()) / 2
            });
        });
        // To initially run the function:
        $(window).resize();
    });
}

function checkMainImg() {
    var docWidth = $(document).width();
    if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
        var scroll = 0;
        if ($(window).scroll().offsetParent().width() > $(window).scroll().width())
            scroll = $(window).scroll().offsetParent().width() - $(window).scroll().width();
        else
            scroll = 0;
        $('#scalingBackground > img').css('width', 100);
        if (docWidth < scalingBackgroundImgWidth) {
            $('#scalingBackground').css('visibility', 'hidden');
        }
        else {
            $('#scalingBackground > img').css('width', docWidth); //.css('height', scalingBackgroundImgHeight * docWidth / scalingBackgroundImgWidth);
            $('#scalingBackground').css('visibility', 'visible');
        }
        if (scroll == 21)
            $('.frontpageImageDivHolder').css('width', docWidth - 21);
        else
            $('.frontpageImageDivHolder').css('width', 950);
    }
    else {
        $('#scalingBackground > img').css('width', 100); //.css('height', 1);

        if (docWidth < scalingBackgroundImgWidth) {
            $('#scalingBackground').css('visibility', 'hidden');
        }
        else {
            $('#scalingBackground > img').css('width', docWidth); //.css('height', scalingBackgroundImgHeight * docWidth / scalingBackgroundImgWidth);
            $('#scalingBackground').css('visibility', 'visible');
        }
    }
}

/*WaterMark*/
function trim(string) {
    return string.replace(/(^\s+)|(\s+$)/g, "");
}
function waterMarkValidate(id, regularExpr, defValue, resObjId, isRequired) {
    var toReturn = new Object();
    var obj = document.getElementById(id);
    toReturn.IsValide = regularExpr.test(obj.value);
    toReturn.ResValid = document.getElementById(resObjId);
    if (isRequired == true && obj.value == defValue && trim(obj.value) != '')
        toReturn.IsValide = false;
    toReturn.Object = obj;
    return toReturn;
}

function dropdownValidate(obj, divId) {
    var divobj = document.getElementById(divId);
    if (divobj) {
        if (obj.selectedIndex != 0)
            divobj.className = 'formCheckOk';
        else
            divobj.className = 'formCheck';
    }
}

function searchClear(obj, defalutText) {
    if (obj.value == defalutText) {
        obj.style.color = '#707070';
        obj.value = '';
    }
}
function searchSet(obj, defaultText, divId, regExp, IsRequired) {
    var divobj = document.getElementById(divId);

    if (obj.value == '') {
        obj.style.color = '#C0C0C0';
        obj.value = defaultText;

        if (divobj)
            divobj.className = 'formCheck';
    }
    else {
        obj.value = trim(obj.value);
        valid = waterMarkValidate(obj.id, regExp, defaultText, divId, IsRequired);

        if (divobj) {
            if (valid.IsValide)
                if (obj.value == defaultText)
                divobj.className = 'formCheck';
            else
                divobj.className = 'formCheckOk';
            else
                divobj.className = 'formCheckWrong';
        }
    }
}
function searchSetWithoutDivId(obj, defaultText, regExp, IsRequired) {
    if (obj.value == '' && defaultText != '') {
        obj.style.color = '#C0C0C0';
        obj.value = defaultText;
        var objPosition = obj.className.indexOf(" redtext");
        if (objPosition > -1)
            obj.className = obj.className.substring(0, objPosition);
    }
    else {
        obj.value = trim(obj.value);
        valid = waterMarkValidate(obj.id, regExp, defaultText, null, IsRequired);

        if (!valid.IsValide)
            obj.className += ' redtext';
        else {
            var objPosition = obj.className.indexOf(" redtext");
            if (objPosition > -1)
                obj.className = obj.className.substring(0, objPosition);
        }
    }
}
/*End WaterMark*/

/*Mail template */
function serverValidateContact(funcResults) {
    for (var i = 0; i < funcResults.length; i++) {
        var divObj = document.getElementById(funcResults[i]);
        if (divObj)
            divObj.className = 'formCheckWrong'
    }
}

function validateMailSend(funcResults) {
    var result = true;
    if ((funcResults != null) || (funcResults != undefined)) {
        for (var i = 0; i < funcResults.length; i++) {
            var fnValidResult = funcResults[i];
            if (fnValidResult.IsValide) {
                if (fnValidResult.ResValid) {
                    if (fnValidResult.Object.value != fnValidResult.Object.defaultValue && fnValidResult.Object.defaultValue != "")
                        fnValidResult.ResValid.className = 'formCheckOk';
                    else
                        fnValidResult.ResValid.className = 'formCheck';
                }
                else {
                    var objPosition = fnValidResult.Object.className.indexOf(" redtext");
                    if (objPosition > -1)
                        fnValidResult.Object.className = fnValidResult.Object.className.substring(0, objPosition);
                }
            }
            else {
                result = false;
                if (fnValidResult.ResValid) {
                    fnValidResult.ResValid.className = 'formCheckWrong';
                }
                else {
                    fnValidResult.Object.className += ' redtext';
                }
            }
        }
    }
    return result;
}
/*End Mail template */


/*NewsLetter Template*/
function validateNewsletterField(funcResults) {
    var result = true;
    for (var i = 0; i < funcResults.length; i++) {
        var fnValidResult = funcResults[i];
        if (fnValidResult.IsValide)
            fnValidResult.ResValid.className = 'formCheckOk'
        else {
            result = false;
            fnValidResult.ResValid.className = 'formCheckWrong'
        }
    }
    return result;
}

//function validateNewsletterField(funcResults )
//{
//    var result = true;

//	if ( (funcResults != null) || (funcResults != undefined) )
//    {
//        for( var i=0; i < funcResults.length; i++)
//        {
//            var fnValidResult = funcResults[i];
//            if (fnValidResult.IsValide)
//            {
//              if (fnValidResult.ResValid)
//              {
//                if (fnValidResult.Object.value != fnValidResult.Object.defaultValue && fnValidResult.Object.defaultValue != "")
//                    fnValidResult.ResValid.className = 'formCheckOk';
//                else
//                    fnValidResult.ResValid.className = 'formCheck';
//              }
//              else
//              {
//                    var objPosition = fnValidResult.Object.className.indexOf(" redtext");
//                    if (objPosition >-1 )
//                        fnValidResult.Object.className = fnValidResult.Object.className.substring(0, objPosition);
//                    }
//            }
//            else 
//            {
//                result = false;
//                if (fnValidResult.ResValid)
//                {
//                    fnValidResult.ResValid.className = 'formCheckWrong';
//                }
//                else
//                {
//                fnValidResult.Object.className += ' redtext';
//                }
//            }
//        }
//        }
//        return result;
//}

function serverValidateNewsletterField(funcResults) {

    for (var i = 0; i < funcResults.length; i++) {
        var divObj = document.getElementById(funcResults[i]);
        if (divObj)
            divObj.className = 'formCheckWrong'
    }
}

function validateEventSubscriptionField(funcResults) {
    var result = true;
    for (var i = 0; i < funcResults.length; i++) {
        var fnValidResult = funcResults[i];
        if (fnValidResult == false && fnValidResult.Object == null)
            result = false;
        else {
            if (fnValidResult.Object != null) {
                if (fnValidResult.IsValide) {
                 if (fnValidResult.ResValid)
                    fnValidResult.ResValid.className = 'formCheckOk'
                }
                else {
                    result = false;
                    if (fnValidResult.ResValid)
                    fnValidResult.ResValid.className = 'formCheckWrong'
                }
            }
        }
    }
    return result;
}

function serverValidateEventSubscriptionField(funcResults) {
    for (var i = 0; i < funcResults.length; i++) {
        var divObj = document.getElementById(funcResults[i]);
        if (divObj)
            divObj.className = 'formCheckWrong'
    }
}

function serverValidateField(funcResults) {
    for (var i = 0; i < funcResults.length; i++) {
        var divObj = document.getElementById(funcResults[i]);
        if (divObj)
            divObj.className = 'formCheckWrong'
    }
}

function validateNewsletterPOField(funcResults) {
    var result = true;
    for (var i = 0; i < funcResults.length; i++) {
        var fnValidResult = funcResults[i];
        if (fnValidResult.IsValide) {
            if (fnValidResult.Object) {
                var objPosition = fnValidResult.Object.className.indexOf(" redtext");
                if (objPosition > -1)
                    fnValidResult.Object.className = fnValidResult.Object.className.substring(0, objPosition);
            }
        }
        else {
            result = false;
            if (fnValidResult.Object) {
                fnValidResult.Object.className += ' redtext';
            }
        }
    }
    return result;

}

function serverValidateNewsletterPOField(funcResults) {
    for (var i = 0; i < funcResults.length; i++) {
        var divObj = document.getElementById(funcResults[i]);
        if (divObj)
            divObj.className = 'formCheckWrong'
    }
}
/*End NewsLetter Template*/
/*
function setUpPage() {
$('#coveringDiv').css('height', $(document).height() + 'px');
$('#coveringDiv').css('opacity', 0);
}
*/
function switchTopMenuBG(obj, action) {
    if (obj == null) return;
    if (action) {
        obj.className = 'noColor';
        if (obj.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.className = 'right BgHide';
        else
            obj.parentNode.className = 'right bgRight';
        obj.parentNode.parentNode.className = 'left bgLeft';
        //obj.parentNode.parentNode.parentNode.className = 'menuItemHolder bgMain';

        if (obj.parentNode.parentNode.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder BgHide bgMain';
        else
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder bgMain';
    } else {
        //if (obj == openedTopMenu) return;
        obj.className = '';
        if (obj.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.className = 'right BgHide noBg';
        else
            obj.parentNode.className = 'right noBg';
        obj.parentNode.parentNode.className = 'left noBg';
        //obj.parentNode.parentNode.parentNode.className = 'menuItemHolder noBg';

        if (obj.parentNode.parentNode.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder BgHide noBg';
        else
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder noBg';
    }
}

function openMenu(obj, menuId) {
    $(openedTopMenuDIV).css("visibility", "hidden");
    switchTopMenuBG(openedTopMenu);

    openedTopMenu = obj;
    openedTopMenuDIV = $('#topsubmenu' + menuId);
    switchTopMenuBG(obj, true);
    $("#coveringDiv").css("visibility", "visible");
    //.css("opacity", 0.75);
    $(openedTopMenuDIV).css("visibility", "visible")
					.bind("mouseleave", function() {
					    $(this).css("visibility", "hidden");
					    switchTopMenuBG(obj);
					    $("#coveringDiv").css("visibility", "hidden");
					});
}

function closeMenu() {
    $(openedTopMenuDIV).css("visibility", "hidden");
    switchTopMenuBG(openedTopMenu);
    $("#coveringDiv").css("visibility", "hidden");
}

function showCover() {
    $('#coveringDiv')
		.css('visibility', 'visible')
		.animate({ opacity: 0.25 }, 200);
}

function hideCover() {
    $('#coveringDiv').animate({ opacity: 0 }, 200);
    $("#coveringDiv").queue(function() {
        $(this).css("opacity", 0);
        $(this).css("visibility", "hidden")
        $(this).dequeue();
    });
    window.openedMenu.className = '';
    window.openedMenu.parentNode.className = 'right noBg';
    window.openedMenu.parentNode.parentNode.className = 'left noBg';
    window.openedMenu.parentNode.parentNode.parentNode.className = 'menuItemHolder noBg';
    window.openedMenu = null;
    window.openedMenuDIV = null;
}

function checkSearch(obj, startValue) {
    if (obj.value == startValue) {
        obj.value = '';
        obj.className = 'trueColor';
        return;
    }
    if (obj.value == '') {
        obj.value = startValue;
        obj.className = '';
        return;
    }
    obj.className = 'trueColor';
}

function searchSubmit(e, obj, menuId) {
    if (e.keyCode == 13) {
        //switchTopMenuBG(obj, true, true);
        //showSearchResults();
        return false;
    }
}







//START animate dropdown function
var dropDownArray = Array();
var nullPixel = 'images/null.gif';
var dropTimer = null;
var scrollTimer = null;

$(document).ready(function() {
    $('body').append('<div class="dropDownListHolder" id="dropDownListHolder"></div>');
});

function createDropDown(objID, objName, labels, values, selected, subm, objSelect, maxItems) {
    if (maxItems == null) maxItems = 9;
    if (maxItems == undefined) maxItems = 9;
    dropDownArray.push({ objID: objID, objName: objName, labels: labels, values: values, selected: selected, subm: subm, objSelect: objSelect, maxItems: maxItems });

    $('#' + objID).append('<p>' + labels[selected] + '<span>' + labels[selected] + '</span></p>');
    var selectedValue = values[selected];
    var selectedID = selected;

    $('#' + objID + '  > p').wrap('<div class="left"><div class="right"></div></div>');
    $('#' + objID + ' > div.left').bind("click", { ddID: dropDownArray.length - 1 }, openDropMenu);
}

function openDropMenu(e) {
    var ddID = e.data.ddID;
    var objID = dropDownArray[ddID].objID;
    var objName = dropDownArray[ddID].objName;
    var labels = dropDownArray[ddID].labels;
    var values = dropDownArray[ddID].values;
    var selected = dropDownArray[ddID].selected;
    var subm = dropDownArray[ddID].subm;
    var maxItems = dropDownArray[ddID].maxItems;

    $('#dropDownListHolder').empty();

    var listDiv = '<div id="bgrndDiv_' + objID + '" class="backGround"><ins class="tr"><img src="' + nullPixel + '" border="0" width="1" height="1"></ins>';
    if (labels.length > maxItems) listDiv += '<div id="overflowDiv_' + objID + '" style="overflow:hidden; position:relative;"><div id="listDiv_' + objID + '" style="position:absolute; top:0px; width:100%;">';
    for (var i = 0; i < labels.length; i++) {
        if (selected == i) {
            var selectedID = i;
            listDiv += '<div onmouseover="clearTimeout(dropTimer); return false" onmouseout="dropTimer=setTimeout(function(){closeDropMenu()}, 500); return false" class="dropdownItemHolder"><div class="left"><div class="right"><a onclick="setDropDown(' + ddID + ', ' + i + '); return false" class="Selected" href="#">' + labels[i] + '</a></div></div></div>';
        } else {
            listDiv += '<div onmouseover="clearTimeout(dropTimer); return false" onmouseout="dropTimer=setTimeout(function(){closeDropMenu()}, 500); return false" class="dropdownItemHolder"><a onclick="setDropDown(' + ddID + ', ' + i + '); return false" href="#">' + labels[i] + '</a></div>';
        }
    }

    var center = parseInt(parseInt($('#' + objID).width()) / 2 + 2);

    if (labels.length > maxItems) listDiv += '</div><div id="' + objID + '_areaDown" class="DownButton" onmouseout="clearTimeout(scrollTimer); dropTimer=setTimeout(function(){closeDropMenu()}, 500); return false" onmouseover="scrollListUp(\'' + objID + '\', ' + labels.length + ', ' + maxItems + '); return false" style="cursor:pointer; height:38px; position:absolute; top:0px; background-position:' + center + 'px 28px;"></div><div id="' + objID + '_areaUp" onmouseout="clearTimeout(scrollTimer); dropTimer=setTimeout(function(){closeDropMenu()}, 500); return false" onmouseover="scrollListDown(\'' + objID + '\', ' + labels.length + ', ' + maxItems + '); return false" style="cursor:pointer; height:38px; position:absolute; top:0px; background-position:' + center + 'px 0px;"></div></div>';
    listDiv += '<ins class="bl"><img src="' + nullPixel + '" border="0" width="1" height="1"></ins><ins class="br"><img src="' + nullPixel + '" border="0" width="1" height="1"></ins></div>';
    $('#dropDownListHolder').append(listDiv);

    $('#bgrndDiv_' + objID).css("width", $('#' + objID).width())
							.css("left", $('#' + objID).offset().left - 7);
    if (labels.length > maxItems) {

        $('#overflowDiv_' + objID).css("height", 32 * maxItems);
        $('#' + objID + '_areaUp').css("width", ($('#bgrndDiv_' + objID).width() + 10));
        $('#' + objID + '_areaDown').css("width", ($('#bgrndDiv_' + objID).width() + 10))
			.css("top", $('#overflowDiv_' + objID).height() - 32);


        $('#' + objID + '_areaDown')[0].className = "DownButton";
        $('#' + objID + '_areaUp')[0].className = "UpButton";
        var deltaOffset = Math.ceil(maxItems / 2);
        if (selectedID > Math.floor(maxItems / 2)) {
            if (selectedID > labels.length - 1 - Math.ceil(maxItems / 2)) {
                deltaOffset = labels.length - selectedID;
                $('#' + objID + '_areaDown')[0].className = "";
            }
            $('#bgrndDiv_' + objID).css("top", $('#' + objID).offset().top - (maxItems - deltaOffset) * 32 - 12);
            $('#listDiv_' + objID).css("top", (maxItems - deltaOffset - selectedID) * 32);
        } else {
            $('#' + objID + '_areaUp')[0].className = "";
            $('#bgrndDiv_' + objID).css("top", $('#' + objID).offset().top - selectedID * 32 - 12);
        }

    } else {
        $('#bgrndDiv_' + objID).css("top", $('#' + objID).offset().top - selectedID * 32 - 12);
    }

    $('#bgrndDiv_' + objID + ' > ins.tr').css("height", ($('#bgrndDiv_' + objID).height() + 10));
    $('#bgrndDiv_' + objID + ' > ins.bl').css("width", ($('#bgrndDiv_' + objID).width() + 10));
}

function closeDropMenu() {
    $('#dropDownListHolder').empty();
    clearTimeout(dropTimer);
}

function setDropDown(ddID, itemID) {
    closeDropMenu();

    $('#' + dropDownArray[ddID].objID).empty();
    $('#' + dropDownArray[ddID].objID).append('<p>' + dropDownArray[ddID].labels[itemID] + '<span>' + dropDownArray[ddID].labels[itemID] + '</span></p>');
    var PostBack = false;
    if (dropDownArray[ddID].selected != itemID)
        PostBack = true;

    dropDownArray[ddID].selected = itemID;
    var SelectedIndexInput;
    SelectedIndexInput = document.getElementById(dropDownArray[ddID].objSelect);
    if (SelectedIndexInput) {
        SelectedIndexInput.value = dropDownArray[ddID].selected;
    }

    $('#' + dropDownArray[ddID].objID + '  > p').wrap('<div class="left"><div class="right"></div></div>');
    $('#' + dropDownArray[ddID].objID + ' > div.left').bind("click", { ddID: ddID }, openDropMenu);

    var SelectedValueInput;
    SelectedValueInput = document.getElementById(dropDownArray[ddID].objName);
    if (SelectedValueInput) {
        SelectedValueInput.value = dropDownArray[ddID].values[itemID];

        if (dropDownArray[ddID].subm & PostBack) {
            setTimeout('__doPostBack(\'SelectedIndexInput.name\',\'\')', 0)
        }
    }
}

function scrollListUp(objID, Length, maxLength) {

    $('#' + objID + '_areaDown')[0].className = "DownButton";

    clearTimeout(dropTimer);
    clearTimeout(scrollTimer);
    var nextTop = parseFloat($('#listDiv_' + objID).css("top")) - 32;

    if (nextTop > 0) {
        $('#' + objID + '_areaUp').css("width", 0);
        $('#' + objID + '_areaUp')[0].className = "";
        return false;
    } else {
        $('#' + objID + '_areaUp').css("width", ($('#bgrndDiv_' + objID).width() + 10));
        $('#' + objID + '_areaUp')[0].className = "UpButton";
    }

    if (nextTop < (-Length * 32 + maxLength * 32)) {
        $('#' + objID + '_areaDown').css("width", 0);
        $('#' + objID + '_areaDown')[0].className = "";
        return false;
    } else {
        $('#' + objID + '_areaDown').css("width", ($('#bgrndDiv_' + objID).width() + 10));
        $('#' + objID + '_areaDown')[0].className = "DownButton";
    }

    $('#listDiv_' + objID).css("top", nextTop + "px");
    scrollTimer = setTimeout(function() { scrollListUp(objID, Length, maxLength) }, 200);
}

function scrollListDown(objID, Length, maxLength) {

    $('#' + objID + '_areaUp')[0].className = "UpButton";

    clearTimeout(dropTimer);
    clearTimeout(scrollTimer);
    var nextTop = parseFloat($('#listDiv_' + objID).css("top")) + 32;

    if (nextTop > 0) {
        $('#' + objID + '_areaUp').css("width", 0);
        $('#' + objID + '_areaUp')[0].className = "";
        return false;
    } else {
        $('#' + objID + '_areaUp').css("width", ($('#bgrndDiv_' + objID).width() + 10));
        $('#' + objID + '_areaUp')[0].className = "UpButton";
    }

    if (nextTop < (-Length * 32 + maxLength * 32)) {
        $('#' + objID + '_areaDown').css("width", 0);
        $('#' + objID + '_areaDown')[0].className = "";
        return false;
    } else {
        $('#' + objID + '_areaDown').css("width", ($('#bgrndDiv_' + objID).width() + 10));
        $('#' + objID + '_areaDown')[0].className = "DownButton";
    }

    $('#listDiv_' + objID).css("top", nextTop + "px");
    scrollTimer = setTimeout(function() { scrollListDown(objID, Length, maxLength) }, 200);
}


//END animate dropdown function






function searchObjClear(obj, defalutText) {
    if (obj.value == defalutText) {
        obj.style.color = '#707070';
        obj.value = '';
    }
    else {
        obj.style.color = '#707070';
    }
}
function searchObjSet(obj, defaultText) {
    if (obj.value == '') {
        obj.style.color = '#C0C0C0';
        obj.value = defaultText;
    }
    else
        if (obj.value != defaultText) {
        obj.style.color = '#707070';
    }
}
function searchObjDoSearch(event, uniqueId, obj) {
    if (event.keyCode == 13) {
        obj.value = escapeHTML(obj.value);
        __doPostBack(uniqueId, '');
    }
}

function escapeHTML(str) {
    var str = str.replace(/\&/g, "&amp;")
    str = str.replace(/>/g, "&gt;")
    str = str.replace(/</g, "&lt;")
    return str;
}

function searchObjsetDesing(obj, status) {
    var elem;
    elem = document.getElementById('searchDiv.menuItemHolder');
    if (elem) {
        if (status == 0) elem.className = 'menuItemHolder noBg'
        else elem.className = 'menuItemHolder BgMain';
    }
    elem = document.getElementById('searchDiv.left');
    if (elem) {
        if (status == 0) elem.className = 'left noBg'
        else elem.className = 'left BgLeft';
    }
    elem = document.getElementById('searchDiv.right');
    if (elem) {
        if (status == 0) elem.className = 'right noBg'
        else elem.className = 'right BgRight';
    }
}

function searchObjDoPopularSearchClick(objId, defalutText, ResPanelId, MinChLen, MaxPopular, linkResultURL, linkPopupURL) {
    var obj = document.getElementById(objId);
    if (obj) {
        searchObjDoPopularSearch(null, obj, defalutText, ResPanelId, MinChLen, MaxPopular, linkResultURL, linkPopupURL);
    }
}

var SearchActive = false;
function getBodyScrollTop() {
    return self.pageYOffset ||
    (document.documentElement && document.documentElement.scrollTop) ||
    (document.body && document.body.scrollTop);
}

function getBodyScrollLeft() {
    return self.pageXOffset ||
    (document.documentElement && document.documentElement.scrollLeft) ||
    (document.body && document.body.scrollLeft);
}
function searchObjDoPopularSearchShowControl(event, divid, obj, txtQuestion) {
    if ((SearchActive == true) && (txtQuestion.value != '')) {
        var offset = jQuery('#' + divid).offset();
        var topX = offset.left;
        var topY = offset.top;
        var bottomX = topX + jQuery('#' + divid).width();
        var bottomY = topY + jQuery('#' + divid).height();

        var clientY = event.clientY + getBodyScrollTop();
        var clientX = event.clientX + getBodyScrollLeft();


        if (obj.className == 'searchPopularResultHidden') {

            if (
             ((clientY >= bottomY - 2) && (clientX >= topX) && (clientX <= bottomX))
        ) {
                searchObjDoPopularSearchShow(obj);
                searchObjsetDesing(this, 1);
                SearchActive = false;
            }
        }
    }
}

function searchObjDoPopularSearchHideControl(event, divid, obj) {
    var offset = jQuery('#' + divid).offset();
    var topX = offset.left;
    var topY = offset.top;
    var bottomX = topX + jQuery('#' + divid).width();
    var bottomY = topY + jQuery('#' + divid).height();

    var clientY = event.clientY + getBodyScrollTop();
    var clientX = event.clientX + getBodyScrollLeft();

    if (obj.className == 'searchPopularResult') {

        if (
            ((clientY <= topY + 1) && (clientX >= topX) && (clientX <= bottomX)) ||
            ((clientX <= topX + 1) && (clientY >= topY) && (clientY <= bottomY)) ||
            ((clientX >= bottomX - 2) && (clientY >= topY) && (clientY <= bottomY))
         ) {
            searchObjDoPopularSearchHide(obj);
            searchObjsetDesing(this, 0);
        }

    }
}

function trim(inputString) {
    if (typeof inputString != "string") return inputString;
    return inputString
    //clear leading spaces and empty lines
         .replace(/^(\s|\n|\r)*((.|\n|\r)*?)(\s|\n|\r)*$/g, "$2")
    //take consecutive spaces down to one
        .replace(/(\s(?!(\n|\r))(?=\s))+/g, "")
    //take consecutive lines breaks down to one
        .replace(/(\n|\r)+/g, "\n\r")
    //remove spacing at the beginning of a line
        .replace(/(\n|\r)\s/g, "$1")
    //remove spacing at the end of a line
        .replace(/\s(\n|\r)/g, "$1");
}






/* set view state for search */
var VS_SearchObj = null;
var VS_defalutText = '';
var VS_ResPanelId = '';
var VS_MinChLen = '';
var VS_MaxPopular = '';
var VS_linkResultURL = '';
var VS_linkPopupURL = '';
/*end view state*/

function searchObjDoPopularSearch(events, obj, defalutText, ResPanelId, MinChLen, MaxPopular, linkResultURL, linkPopupURL) {
    /*save view state*/
    VS_SearchObj = obj;
    VS_defalutText = defalutText;
    VS_ResPanelId = ResPanelId;
    VS_MinChLen = MinChLen;
    VS_MaxPopular = MaxPopular;
    VS_linkResultURL = linkResultURL;
    VS_linkPopupURL = linkPopupURL;



    var question = obj.value;
    var Panelobj = document.getElementById(ResPanelId);
    var start = true;

    question = trim(question);

    if ((question != defalutText) && (question != '') && (start == true)) {


        if (events != null)
            if (events.keyCode == '13') {
            if (question.length >= VS_MinChLen)
                UpdatePopulialKeywords(question);
        }


        var request;

        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) {
            request = new ActiveXObject("Microsoft.XMLHTTP");
        }
        if (request) {
            request.open("GET", linkPopupURL + "?txtvalue=" + QueryStringConvert(question) + "&txtid=" + QueryStringConvert(obj.id) + "&link=" + QueryStringConvert(linkResultURL) + "&minchlen=" + MinChLen + "&maxpopular=" + MaxPopular, true);
            request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            request.onreadystatechange = function() {
                if (request.readyState == 4 && request.status == 200) {
                    if (request.responseText) {
                        var RequestBody = new String(request.responseText);

                        RequestBody = RequestBody.split("<div class=\"SplitRequest\" ></div>")[1];

                        if (Panelobj) {
                            Panelobj.innerHTML = RequestBody;
                            searchObjDoPopularSearchShow(Panelobj);
                            SearchActive = true;
                        }

                    }
                }
            };
            request.send('');
        }
    }
    else {
        if (Panelobj) {
            searchObjDoPopularSearchHide(Panelobj);
        }
    }
}
function QueryStringConvert(Value) {
    var Res = new String(Value);
    Res = Res.replace("&", "_#amp#_");

    return Res;
}

function searchObjDoPopularSearchHide(obj) {
    if (obj) {
        obj.className = 'searchPopularResultHidden';
        searchObjsetDesing(this, 0);
    }
}
function searchObjDoPopularSearchShow(obj) {
    if (obj) {
        obj.className = 'searchPopularResult';
        searchObjsetDesing(this, 1);
    }
}
function searchObjDoPopularReplaceSearchClick(obj, SearchobjId) {
    var Searchobj = document.getElementById(SearchobjId);
    if (Searchobj) {
        Searchobj.value = obj.innerHTML;
        if ((VS_defalutText != '') && (VS_ResPanelId != '') && (VS_MinChLen != '') && (VS_MaxPopular != '') && (VS_linkResultURL != '') && (VS_linkPopupURL != '')) {
            searchObjDoPopularSearch(null, Searchobj, VS_defalutText, VS_ResPanelId, VS_MinChLen, VS_MaxPopular, VS_linkResultURL, VS_linkPopupURL);
        }
    }
}

function SearchResultItemClick(Url) {
    if (Url != null) {
        window.location = Url;
    }
}

function UpdatePopulialKeywordsClick(Url) {
    if ((VS_SearchObj != null) && (VS_defalutText != '') && (VS_MinChLen != ''))
        if ((VS_SearchObj.value != VS_defalutText) && (VS_SearchObj.value != '')) {


        $(document).ajaxComplete(function() {
            if (Url != null) {
                window.location = Url;
            }

        });


        if (VS_SearchObj.value.length >= VS_MinChLen) {
            UpdatePopulialKeywords(VS_SearchObj.value);
        }
    }
}


function UpdatePopulialKeywords(words) {
    $.ajax({
        type: "POST",
        data: "operation=UpdatePopuliar&minchlen=" + VS_MinChLen + "&words=" + QueryStringConvert(words),
        url: VS_linkPopupURL
    });
}
function openSubMenu(objName) {
    var obj = document.getElementById(objName);
    if (obj) {
        obj.style.visibility = 'visible';
        switchMainMenuBG(obj, true);
        $("#coveringDiv").css("visibility", "visible");
    }
}
function closeSubMenu(objName) {
    var obj = document.getElementById(objName);
    if (obj) {
        obj.style.visibility = 'hidden';
        switchMainMenuBG(obj, false);
        $("#coveringDiv").css("visibility", "hidden");
    }
}

function switchMainMenuBG(obj, action) {
    if (obj == null) return;
    if (action) {
        //obj.className = 'noColor';
        if (obj.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.className = 'right BgHide';
        else
            obj.parentNode.className = 'right bgRight';
        obj.parentNode.parentNode.className = 'left bgLeft';
        //obj.parentNode.parentNode.parentNode.className = 'menuItemHolder bgMain';

        if (obj.parentNode.parentNode.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder BgHide bgMain';
        else
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder bgMain';
    } else {
        //if (obj == openedTopMenu) return;
        //obj.className = '';
        if (obj.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.className = 'right BgHide noBg';
        else
            obj.parentNode.className = 'right noBg';
        obj.parentNode.parentNode.className = 'left noBg';
        //obj.parentNode.parentNode.parentNode.className = 'menuItemHolder noBg';

        if (obj.parentNode.parentNode.parentNode.className.indexOf('BgHide') > -1)
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder BgHide noBg';
        else
            obj.parentNode.parentNode.parentNode.className = 'menuItemHolder noBg';
    }
}

function ChangeHeight() {
    var Divs = $('div[name="introtext_cases_items"]');
    if (Divs.length > 0) {
        for (i = 0; i < Divs.length; i++) {
            var div = Divs[i];
            if (div) {
                if (div.clientHeight > 80) div.style.height = '80px';
            }
        }
    }
}

function pooPupf() {
    $(".SectionButton").click(function() {
        if ($(this).children('.bgRight').hasClass('openY')) {
            $(this).next('.ContactFormContainer').hide();
            $(this).children('.bgRight').removeClass('openY');
        }
        else {
            $(this).next('.ContactFormContainer').show();
            $(this).children('.bgRight').addClass('openY');
        }
    });
}

function CssUpdateControls(ControlsId) {
    for (var i = 0; i < ControlsId.length; i++) {
        var divObj = document.getElementById(ControlsId[i]);
        if (divObj)
            divObj.style.visibility = 'visible';
    }
}

function checkBoxValidate() {
    var items = checkBoxValidate.arguments.length - 1;
    for (i = 0; i < items; i++) {
        if (document.getElementById(checkBoxValidate.arguments[i]))
            if (document.getElementById(checkBoxValidate.arguments[i]).checked)
            return true;
    }

    alert(checkBoxValidate.arguments[checkBoxValidate.arguments.length - 1]);
    return false;
}


function xmlDataCheck(xml) {
    // content
    var titles = [];
    var texts = [];
    var buttontexts = [];
    var images = [];
    var bgcolors = [];

    //logos
    var logos = [];
    var links = [];

    $(xml).find('features').each(function () {
        $(this).find('item').each(function () {
            titles.push($(this).find('title').text());
            texts.push($(this).find('text').text());
            buttontexts.push($(this).find('buttontext').text());
            images.push($(this).find('image').text());
            bgcolors.push($(this).find('bgcolor').text());
        });
    });

    $(xml).find('logos').each(function () {
        $(this).find('logo').each(function () {
            logos.push($(this).find('image').text());
            links.push($(this).find('link').text());
        });
    });

    rederCarousels(titles, texts, buttontexts, images, bgcolors, logos, links);
}

function rederCarousels(titles, texts, buttontexts, images, bgcolors, logos, links) {
    var $contentCarousel = '';
    var $naviCarousel = '';
    var $logoCarousel = '';
    var lengthC = titles.length;
    var lengthL = logos.length;

    for (var i = 0; i < lengthC; i++) {
        $contentCarousel += '<li style="background-color:' + bgcolors[i] + ';"><div class="infoContent"><img src="' + images[i] + '" alt="' + titles[i] + '" /><h2>' + titles[i] + '</h2><strong>' + texts[i] + '</strong><a class="buttonCarousel">' + buttontexts[i] + '<ins><!-- --></ins></a></div><span class="shadowCarousel"><!-- --></span></li>';
    }

    for (var i = 0; i < lengthC; i++) {
        $naviCarousel += '<li>' + titles[i] + '<ins><!-- --></ins><span class="progressLine"><!-- --></span></li>';
    }

    for (var i = 0; i < lengthL; i++) {
        $logoCarousel += '<li><a href="' + links[i] + '"><img class="gray" src="' + logos[i] + '" alt="" /><img class="normal" src="' + logos[i] + '" alt="" /></a></li>';
    }

    $($contentCarousel).appendTo($('.contentCarousel'));
    $($naviCarousel).appendTo($('.naviCarousel ul'));
    $($logoCarousel).appendTo($('.logoCarousel .centerCarousel ul'));

    mainCarousel();
    logoCarousel();
}

function mainCarousel() {
    var $contentCarousel = $('.contentCarousel');
    var $navigation = $('.naviCarousel ul');
    var countItems = $('li', $navigation).length;
    var activeItem = 1;
    var speedChange = 0.6; // sec
    var slideTime = 6; // sec
    var rotateTimer;
    var $activeEl = $('li:nth-child(' + activeItem + ')', $navigation);
    var $activeElc = $('li:nth-child(' + activeItem + ')', $contentCarousel);
    var widthItem;
    var widthAllCar = $('.homeCarousel').width();
    var $progress;
    var timerW = true;
    var rotate;

    prepare();
    timer();

    // Prepare carousel
    function prepare() {
        $('li:nth-child(1)', $navigation).addClass('first');
        $('li:nth-child(' + countItems + ')', $navigation).addClass('last');
        $activeEl.addClass('active');
        $activeElc.fadeIn(speedChange * 1000).addClass('active');
        $('.shadowCarousel', $contentCarousel).each(function () {
            $(this).width(widthAllCar);
        });
        Cufon.refresh();
        $('.homeCarousel').removeClass('preload');
        $('.contentCarousel, .naviCarousel').animate({
            opacity: 1
        });
        progressLine();
    }

    // Turn on timer
    function timer() {
        if (countItems != 1) {
            clearInterval(rotateTimer);
            rotateTimer = setInterval(function () {
                activeItem++;
                if (activeItem > countItems) {
                    activeItem = 1;
                }
                rotate(activeItem, 1);
            }, slideTime * 1000);
        }
    }

    function rotate(activeItem, rotate) {
        if ($('li', $contentCarousel).is(':animated')) return
        if ($('li:nth-child(' + activeItem + ')', $navigation).hasClass('active')) return

        // Animation of content, change active nav tab
        $('li.active', $contentCarousel)
			.fadeOut(speedChange * 1000)
			.removeClass('active');
        $('li.active', $navigation).removeClass('active');

        $('li:nth-child(' + activeItem + ')', $contentCarousel)
			.fadeIn(speedChange * 1000)
			.addClass('active');
        $('li:nth-child(' + activeItem + ')', $navigation).addClass('active');

        Cufon.refresh();

        if (timerW == true) {
            progressLine();
        }
    }

    function progressLine() {
        $activeEl = $('li:nth-child(' + activeItem + ')', $navigation);
        $progress = $('.progressLine', $activeEl);
        widthItem = $activeEl.outerWidth();
        $progress.animate({
            'width': widthItem
        }, slideTime * 1000, function () {
            $(this).hide();
            $(this).css('width', '0px');
        });
    }

    $('li', $navigation).click(function () {
        activeItem = $('li', $navigation).index(this) + 1;
        if (timerW == true) { $('.progressLine').stop().hide(); timerW = false; clearInterval(rotateTimer); }
        rotate(activeItem);
    });

    $('.buttonCarousel').hover(
		function () {
		    $(this).animate({ opacity: 0.7 });
		},
		function () {
		    $(this).animate({ opacity: 1 });
		}
	);

    $(window).resize(function () {
	    widthAllCar = $('.homeCarousel').width();
        $('.shadowCarousel', $contentCarousel).each(function () {
            $(this).width(widthAllCar);
        });
	});
}

function logoCarousel() {
    var $logoContainer = $('.centerCarousel');
    var widthContainer = $('.centerCarousel').width();
    var $logoCarousel = $('.centerCarousel ul');
    var widthItemLogo = $('li', $logoCarousel).width();
    var withCarousel = 0;
    var shiftLeft = 0;
    var shiftMore = 50;
    var direction = 1;
    var left;
    var lengthImage = $('.logoCarousel .centerCarousel ul li').length;
    
    var loadImage = 0;

    $('.logoCarousel .centerCarousel ul li a img').each(function () {
        $(this).bind('load', function () {
            $(this).unbind('load');
            loadImage++;
            if (loadImage == lengthImage) {
                startLogoCarousel(loadImage);
            }            
        });
    });


    function startLogoCarousel() {

        if (lengthImage < 7) {
            $('.overlayLeft, .overlayRight').addClass('hide');
        }

        $('.overlayLeft').addClass('disable');

        $('.logoCarousel .centerCarousel ul li a img.gray').each(function () {
            Pixastic.process($(this)[0], "desaturate", { average: false });
        });

        $('li', $logoCarousel).each(function () {
            withCarousel = withCarousel + $(this).outerWidth();
        });

        var leftCoor = $logoContainer.offset().left;
        var rightCoor = leftCoor + widthContainer;
        var centerCoor = (widthContainer / 2) + leftCoor;
        var halfContainer = widthContainer / 2;
        var koefWidth = (widthContainer / withCarousel) * 2;

        $logoCarousel.width(withCarousel);

        $('.logoCarousel').animate({
            opacity: 1
        });

        $('li', $logoCarousel).hover(function () {
            $('.gray', this).hide();
            $('.normal', this).show();
        },
        function () {
            $('.gray', this).show();
            $('.normal', this).hide();
        });

        $('.overlayLeft').click(function () {
            left = $logoCarousel.get(0).offsetLeft;
            $('.overlayRight').removeClass('disable');
            if (left + widthItemLogo == 0) {
                $(this).addClass('disable');
            }
            if (left + widthItemLogo > 0) {
                return
            }
            $logoCarousel.css('left', left+widthItemLogo);
        });

        $('.overlayRight').click(function () {
            left = $logoCarousel.get(0).offsetLeft;
            $('.overlayLeft').removeClass('disable');
            var sad = left - widthItemLogo;
            var asd = -withCarousel + widthContainer;
            console.log(asd)
            console.log(sad)
            if (left - widthItemLogo == -withCarousel + widthContainer-30) {
                $(this).addClass('disable');
            }
            if (left - widthItemLogo < -withCarousel + widthContainer-30) {
                return
            }
            $logoCarousel.css('left', left - widthItemLogo);
            return
        });
    }
}

