$(document).ready(function () {
    var browserDetect = {
        init: function () {
            var browserClass = browserDetect.searchVersion();
            document.documentElement.className += browserClass;
        },
        searchVersion: function (dataString) {
            var agents = ['msie', 'firefox', 'webkit', 'opera', 'android', 'iphone', 'ipad', 'msie 6', 'msie 7', 'msie 8', 'msie 9'];
            var browserinfo = ' js';
            for (var j = 0; j < agents.length; j++) {
                if ((new RegExp(agents[j], "i")).test(navigator.userAgent)) {
                    browserinfo += ' ' + agents[j].replace(' ', '');
                }
            }
            return browserinfo;
        }
    }

    function shrinkIt() {
        var contentSize = 979;
        var shrinkLeft = 992 - (($(window).width() - contentSize) / 2);

        if ($(window).width() > contentSize) {
            $(".shrink, .content-shrink").css("marginLeft", (shrinkLeft * -1) + "px");
            $(".home-top-wrapper, .sub-top-wrapper, .home-content-wrapper, .sub-content-wrapper").css("width", $(window).width())
        } else {
            $(".shrink, .content-shrink").css("marginLeft", "-992px");
            $(".home-top-wrapper, .sub-top-wrapper, .home-content-wrapper, .sub-content-wrapper").css("width", contentSize);
        }

        /*
        var galleryWidth = 1260;
        var galleryLeft = ($(window).width() - galleryWidth)/2;
        if($(window).width() > contentSize){
			
        $(".gallery-content, .sub-gallery-content").css("marginLeft",galleryLeft+"px")
        $(".gallery-wrapper, .sub-gallery-wrapper").css("width","100%");
        } else
        {
        $(".gallery-content, .sub-gallery-content").css("marginLeft","-140px")
        $(".gallery-wrapper, .sub-gallery-wrapper").css("width",contentSize)
        }*/


        var galleryWidth = [1260, 979];
        var galleryMargin = ["-140px", "0px"]
        var isSubPage = $(".sub-gallery-content").length > 0 ? 1 : 0;


        var galleryLeft = ($(window).width() - galleryWidth[isSubPage]) / 2;
        if ($(window).width() > contentSize) {

            $(".gallery-content, .sub-gallery-content").css("marginLeft", galleryLeft + "px")
            $(".gallery-wrapper, .sub-gallery-wrapper").css("width", "100%");
        } else {
            $(".gallery-content, .sub-gallery-content").css("marginLeft", galleryMargin[isSubPage])
            $(".gallery-wrapper, .sub-gallery-wrapper").css("width", contentSize)
        }


    }

    shrinkIt();
    $(window).resize(function () {
        shrinkIt();
    });
    $('.content-left, .content-right').height($('.content-center').height());


//    $('.urunler').mousemove(function (e) {
//        if (e.target == $('.urunler a:first').get(0))
//            initSubmenuSlider(e.pageX);
//    });


    $(".top-menu > ul > li.urunler").hover(function (e) {
        var childMenu = $(this).children('ul');
        var indexMenu = $(".top-menu > ul > li.urunler").index(this);
        $(this).addClass("selected_" + indexMenu);
        if (childMenu.length > 0) {
            childMenu.show();
            $(".home-top").addClass("nav-open");
            $(".sub-top").addClass("nav-open");
            $(".slider-nav").css("display", "none");
            $(".orbit-bullets").css("display", "none");
            $(".enlarge").css("display", "none");
            $(".sub-top .shrink").css("height", "519");
            $(".sub-top-left").css("height", "519");
            $(".sub-top-right").css("height", "519");
        }
    }, function () {
        var indexMenu = $(".top-menu > ul > li").index(this);
        $(this).removeClass("selected_" + indexMenu);
        $(this).children('ul').hide();
        $(".slider-nav").css("display", "block")
        $(".home-top").removeClass("nav-open");
        $(".sub-top").removeClass("nav-open");
        $(".orbit-bullets").css("display", "block");
        $(".enlarge").css("display", "block");
        $(".sub-top .shrink").css("height", "309");
        $(".sub-top-left").css("height", "309");
        $(".sub-top-right").css("height", "309");
    });

    $(".top-menu > ul > li.stdsub").hover(function (e) {
        var childMenu = $(this).children('ul');
        var indexMenu = $(".top-menu > ul > li.stdsub").index(this);
        $(this).addClass("selected_" + indexMenu);
        if (childMenu.length > 0) {
            childMenu.show();
        }
    }, function () {
        var indexMenu = $(".top-menu > ul > li").index(this);
        $(this).removeClass("selected_" + indexMenu);
        $(this).children('ul').hide();
    });
    $(".subdrop_std > a > img").hover(function (e) {
        var currentSrc = $(this).attr('src');
        var elementName = $(this).attr('name');
        newSrc = currentSrc.replace('0_', '1_');
        document[elementName].src = newSrc;
        $(this).attr('src') = 'newSrc';

    }, function () {
        var currentSrc = $(this).attr('src');
        var elementName = $(this).attr('name');
        newSrc = currentSrc.replace('1_', '0_');
        document[elementName].src = newSrc;
        $(this).attr('src') = 'newSrc';
    });
    $(".top-menu > ul > li.xtrasub").hover(function (e) {
        var childMenu = $(this).children('ul');
        var indexMenu = $(".top-menu > ul > li.xtrasub").index(this);
        $(this).addClass("selected_" + indexMenu);
        if (childMenu.length > 0) {
            childMenu.show();
        }
    }, function () {
        var indexMenu = $(".top-menu > ul > li").index(this);
        $(this).removeClass("selected_" + indexMenu);
        $(this).children('ul').hide();
    });

    $(".urun-images span:first").show(500);
    $(".urun-pager ul li:first").addClass("selected");

    $(".urun-pager ul li").click(function () {
        var _index = $(".urun-pager ul li").index(this);
        $(".urun-pager ul li").removeClass("selected")
        $(this).addClass("selected");
        $(".home-box-left .urun-images span").hide();
        $(".urun-images span").eq(_index).fadeIn(500);
        return false;
    })

    $(".urun-pager ul li a").hover(function (e) {
        var showTtip = '.ttip' + $(this).attr('rel');
        $(showTtip).css("display", "block");
    }, function () {
        var showTtip = '.ttip' + $(this).attr('rel');
        $(showTtip).css("display", "none");
    });


    //	   $("a.signature").hover(function(e){
    //		  $('.seslitip').css("display","block");
    //		 },function(){
    //		  $('.seslitip').css("display","none");
    //		 });

    $(".haberler-pager ul li:first").addClass("selected");
    $(".haberler-gorsel span:first").show(500);
    $(".home-box-right .cnt span:first").show(500);

    $(".haberler-pager ul li").click(function () {
        var _indexH = $(".haberler-pager ul li").index(this);
        $(".haberler-pager ul li").removeClass("selected");
        $(this).addClass("selected");
        $(".haberler-gorsel span").hide();
        $(".haberler-gorsel span").eq(_indexH).fadeIn(500);

        $(".home-box-right .cnt span").hide();
        $(".home-box-right .cnt span").eq(_indexH).fadeIn(500);

        return false;
    })

    var sliderContentWidth = 0, sliderStep = 200;
    $(".center-wrapper .wrp ul li").each(function () {
        sliderContentWidth = sliderContentWidth + $(this).outerWidth();
    });

    $(".center-wrapper .wrp ul").css("width", sliderContentWidth);
    $(".urunler-sub").css("display", "none").css("visibility", "visible");

    $(".urunler-sub-item .right-side a").click(function () {
        var sliderMargin = parseInt($(".center-wrapper .wrp ul").css("marginLeft").replace(/px/gi, ''));
        var emredural = sliderContentWidth + sliderMargin;
        if (emredural - sliderStep < 840) {
            var fixLeft = (sliderContentWidth - 840) + 15;

            $(".center-wrapper .wrp ul").animate({ marginLeft: (fixLeft * -1) + "px" });
            return false;
        }
        $(".center-wrapper .wrp ul").animate({ marginLeft: "-=" + sliderStep + "px" }, { queue: false });
    });

    $(".urunler-sub-item .left-side a").click(function () {
        var sliderMargin = parseInt($(".center-wrapper .wrp ul").css("marginLeft").replace(/px/gi, ''));
        if (sliderMargin + sliderStep >= 0) {
            $(".center-wrapper .wrp ul").animate({ marginLeft: "0px" });
            return false;
        }
        $(".center-wrapper .wrp ul").animate({ marginLeft: "+=" + sliderStep + "px" }, { queue: false });
    });

    var balloon = $('.slider-balloon');
    $('.urunler-sub-item ul:first li a').hover(function () {
        var off = $(this).offset();
        var paroff = $('.urunler-sub-item').parent().offset();

        $("img", balloon).attr('src', $(this).attr("rel"));

        balloon.css("left", off.left - paroff.left + ($(this).outerWidth() / 2) - (balloon.outerWidth() / 2))
			   .css("top", off.top - paroff.top - balloon.outerHeight())
			   .css("display", "block");

        console.log(off);
        console.log(paroff);
    }, function () {
        balloon.css("display", "none");
    });

    var bu = "";
    $(".txtInput").each(function () {
        bu = $(this);
        bu.val(bu.attr("title"));
        bu.bind("focus", function () {
            if ($(this).val() == $(this).attr("title")) {
                $(this).val("");
            }
        });
        bu.bind("blur", function () {
            if ($(this).val() == "") {
                $(this).val($(this).attr("title"));
            }
        });
    });

    /*
    $(".footer-content%20.footer-right%20ul%20li.mail").hover(function(){
    $(".footer-content .footer-right ul li.mail ul").show();
    },function(){
    $(".footer-content .footer-right ul li.mail ul").hide();
    });
    */



//    initSubmenuSlider();

});


//function initSubmenuSlider(posX) {
//    var div = $('div.urunler-slider');
//    var ul = $('ul.sc_menu');
//    var ulPadding = 0;
//    var divWidth = div.width();
//    div.css({ overflow: 'hidden' });
//    var lastLi = ul.find('li:last-child');

//    function slide(x) {
//        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
//        var left = (x - div.offset().left) * (ulWidth - divWidth) / divWidth;
//        div.scrollLeft(left);
//    }

//    if (posX == null) {
//        div.mousemove(function (e) {
//            slide(e.pageX);
//        });
//    } else
//        slide(posX);
//}