var whichTab = 'forOwners';
var colorChipTimer = null;
var colorChipValue = 0;
var activeChipName = '';
var activeChipId = '';
var s7viewer;

function hideColorChip(whichChip) {
	$('#colorChip-hover-' + whichChip).remove();
	colorChipValue = 0;
}

function openEnlargeImageLayer(initalIndex) {
		//var zoomImg = $("#zoom-photo").children("img").attr("src").split("/");
		var zoomImgName = $("#zoom-photo").attr("value");
		zoomImgName = zoomImgName.split("?");
		zoomImgName = zoomImgName[0];
        
		//zoomImgName = zoomImgName.replace(".jpg","");
			
			//$("#overlay-zoomImg #zoomPhoto").attr("src", "http://s7d4.scene7.com/is/image/Kohler/" + zoomImgName + "?layer=comp&wid=2000&hei=2000&fmt=jpeg&qlt=85");
			

        //var mainImage = $("#lb-sceneSeven .scene7img:first").text();
        //$("#lightbox-imageEnlarge").showLightbox(function() {
            if (s7viewer == null) {
                s7viewer = new SjZViewer('http://s7d4.scene7.com/is/image/Kohler/', zoomImgName, 450, 300);
                s7viewer.setBackground("0xffffff");
                s7viewer.setTurnTime(1);
                s7viewer.setMaxZoom(100); //sets the initial maxZoom for images
                s7viewer.setZoomStep(2); //sets the initial maxZoom for images
            }
            enlargeImage(initalIndex);
        //});
    }

    function enlargeImage(index) {
        if (index < 0 || index > $("#lb-sceneSeven-otherViews img").size() - 1) {
            return;
        }
        if (s7viewer != null) {
            var imageUrl = $("#lb-sceneSeven-otherViews img").get(index).src;
            imageUrl = imageUrl.substring(0, imageUrl.lastIndexOf("?"));
            imageUrl = imageUrl + "?layer=comp&wid=2000&hei=2000&fmt=jpeg&qlt=85"
            s7viewer.setImage(imageUrl, true);
        }
    }

  function colorChipRollOver(){ $(".colorOption-row >div> img.colorChip").hover(
                function(){
                   $(this).parent().addClass('colorOptionBig');
		           $(this).attr('class','colorChipBig');
                   $(this).siblings(".colorOptionText").attr("class","colorOptionBold")

                },
                function(){

                  $(this).siblings(".colorOptionBold").attr("class","colorOptionText")
                  $(this).parent().removeClass('colorOptionBig');
		           $(this).attr('class','colorChip');

                });
       }


$(function() {
    $("#prodDtl-downloads-tabs img").not('.singleTab').click(

		function() {
			whichTab = $(this).attr("id");
			$(".prodDtl-downloads").css("display","none");
			$("#prodDtl-downloads-" + whichTab).css("display","block");
			$(this).attr("src", $(this).attr("src").replace("-off","-on"));
			if (whichTab == "forDescription") {
                if($("#forSpecInstall").length>0){
                $("#forSpecInstall").attr("src", $("#forSpecInstall").attr("src").replace("-on","-off"));
			}
                 if($("#forCAD").length>0){
                $("#forCAD").attr("src", $("#forCAD").attr("src").replace("-on","-off"));
		}
                 if($("#forVideos").length>0){
                $("#forVideos").attr("src", $("#forVideos").attr("src").replace("-on","-off"));
                 }
            } else if (whichTab == "forSpecInstall") {
                 if($("#forDescription").length>0){
                $("#forDescription").attr("src", $("#forDescription").attr("src").replace("-on","-off"));
                 }
                if($("#forCAD").length>0){
                $("#forCAD").attr("src", $("#forCAD").attr("src").replace("-on","-off"));
                 }
                 if($("#forVideos").length>0){
                $("#forVideos").attr("src", $("#forVideos").attr("src").replace("-on","-off"));
                 }
            }  else if (whichTab == "forCAD") {
                 if($("#forSpecInstall").length>0){
                $("#forSpecInstall").attr("src", $("#forSpecInstall").attr("src").replace("-on","-off"));
                 }
                 if($("#forDescription").length>0){
                $("#forDescription").attr("src", $("#forDescription").attr("src").replace("-on","-off"));
                 }
                 if($("#forVideos").length>0){
                $("#forVideos").attr("src", $("#forVideos").attr("src").replace("-on","-off"));
                 }
            }  else{
                 if($("#forSpecInstall").length>0){
                $("#forSpecInstall").attr("src", $("#forSpecInstall").attr("src").replace("-on","-off"));
                 }
                 if($("#forCAD").length>0){
                $("#forCAD").attr("src", $("#forCAD").attr("src").replace("-on","-off"));
                 }
                 if($("#forDescription").length>0){
                $("#forDescription").attr("src", $("#forDescription").attr("src").replace("-on","-off"));
                 }
            }
		}
	);

	
	$("#enlarge").click(
		function() {
            var enlargedImg = $("#prodDtl-photo").children("img").attr("src").split("/");
	        var enlargedImgName = enlargedImg[enlargedImg.length - 1];
            var enlargedImgTitle = $(this).parents("#prodDtl-photo").children("img").attr("alt");

            $("#overlay-enlargeImg #enlargedPhoto").attr("src", "/onlinecatalog/images/jpg450x300/" + enlargedImgName);
            $("#overlay-enlargeImg #enlarge-title").text(enlargedImgTitle);
            $("#overlay-enlargeImg div#enlarge-caption").text($("#prodDtl-photo span").text());

            if((document.documentElement.scrollTop > -1) && (!$.browser.safari)) {
				$('#overlay-enlargeImg').css("top", (document.documentElement.scrollTop + ($(window).height() / 2) - 180) + "px");
			} else {
				$('#overlay-enlargeImg').css("top", (self.pageYOffset + ($(window).height() / 2) - 180) + "px");
			}
			$("#overlay-enlargeImg-header img.close-enlargeImg").click(
				function() {
					$('#overlay-enlargeImg').hide();
				}
			);

            $("#overlay-enlargeImg").show();
            $("#overlay-enlargeImg").jqDrag('#overlay-enlargeImg-header');
        }
	)

	$("#zoom").click(
		function() {
			var zoomImgTitle = $(this).parents("#prodDtl-photo").children("img").attr("alt");
            $("#overlay-zoomImg #zoom-title").text(zoomImgTitle);

            if((document.documentElement.scrollTop > -1) && (!$.browser.safari)) {
				$('#overlay-zoomImg').css("top", (document.documentElement.scrollTop + ($(window).height() / 2) - 180) + "px");
			} else {
				$('#overlay-zoomImg').css("top", (self.pageYOffset + ($(window).height() / 2) - 180) + "px");
			}
			$("#overlay-zoomImg-header img.close-zoomImg").click(
				function() {
					$('#overlay-zoomImg').hide();
					
				}
			);

            $("#overlay-zoomImg").show();
            $("#overlay-zoomImg").jqDrag('#overlay-zoomImg-header');
			openEnlargeImageLayer(0);
        	return false;
        }
	)

	 $(".colorOption-row >div> img").click(
		function() {
           $(".colorOption-row >div> img.colorChipBig").unbind('mouseenter').unbind('mouseleave');
            $(".colorChipBig").attr('class','colorChip');
			$(".colorOptionBold").attr('class','colorOptionText');
		    $(".colorOptionBig").removeClass('colorOptionBig');
			$(this).parent().addClass('colorOptionBig');
		    $(this).attr('class','colorChipBig');
            var chipName = $(this).attr('alt');
			var thisImage = $(this).attr('src').split("/");
			var chipImage = thisImage[thisImage.length - 1];
			var chipId = chipImage.split(".")[0];
            var x = $(this).parent().offset()['left'] + 16;
            var y = $(this).parent().offset()['top'] - 95;
            var inumber=$(this).parent().children('input[name="itemNumber"]').attr("value");
			var lprice=$(this).parent().children('input[name="itemPrice"]').attr("value");
			var mainimg="/onlinecatalog/images/jpg300x200/" + $(this).parent().children('input[name="mainimg"]').attr("value");
			var zoomimg=$(this).parent().children('input[name="zoom-hidden"]').attr("value");
            $("#prodDtl-photo img").attr("src",mainimg);
			$("#displayNumber").text(inumber);
			$("#displayPrice").text("$"+lprice);
			$(".colorChipBig ~ p").attr("class","colorOptionBold");
			if(zoomimg){
			s7viewer=null;
			$("#zoom-photo").attr("value",zoomimg);
			}
			colorChipRollOver();
				}
			);


     colorChipRollOver();

         $(".saveToMySterlingBtnAnchor").unbind("click").click(
        function(event) {
        var anchorElem = this;
        $(anchorElem).css("display", "none");
        $(anchorElem).next(".loadingContainer").css({
            "display" : "block",
            "height" : ""
        });

        // Prevent IE caching
        var date = new Date();
        
        $.getJSON("/ajax/get-folder-list?nocache=" + date.getTime(), function(data) {
            if (data.actionStatus == "USER_NOT_LOGGED_IN") {
                Sterling.redirectToLoginPage();
            } else {
                openSaveToMySterling(anchorElem, event, data);
            }
            $(anchorElem).css("display", "");
            $(anchorElem).next(".loadingContainer").css("display", "");
        });
        return false;

    });



    function openSaveToMySterling(anchorElem, event, data) {
        var content = $("#saveToMySterling").clone();
        var x = event.pageX;
        var y = event.pageY;
        var colorCode =$(".colorOptionBig").children('input[name="itemColorCode"]').attr("value");
        var colorName =$(".colorOptionBig").children('input[name="itemColorName"]').attr("value");
        var productNumber=$(".colorOptionBig").children('input[name="productNumber"]').attr("value");
        var price = $(".colorOptionBig").children('input[name="productNumber"]').attr("value");
        var category =$(".colorOptionBig").children('input[name="category"]').attr("value");

        Sterling.Overlay.open(content, x, y);
        content.find("input[value='Cancel']").click(function() {
            Sterling.Overlay.close(content);
        });

        content.find("input[name='createProjectFolder']").click(function() {
            if ($(this).is(":checked")) {
                content.find("#projFolderNameInput").css("display", "block");
                content.find("#selectProjectFolderInput").css("display", "none");
                content.find("#selectRoomInput").css("display", "none");
            } else {
                content.find("#projFolderNameInput").css("display", "none");
                content.find("#selectProjectFolderInput").css("display", "block");
                content.find("#selectRoomInput").css("display", "block");
            }
        });

        var selectProjectFolder = content.find("#selectProjectFolder");
        var selectRoom = content.find("#selectRoom");
        var selectRoomFirstOption = selectRoom.children(":first");

        selectProjectFolder.children(":not(:first)").remove();
        selectRoom.children(":not(:first)").remove();
        selectRoom.attr("disabled", "disabled");

        if (data.folders.length == 0) {
            content.find("input[name='createProjectFolder']").attr("checked", "checked");
            content.find("#projFolderNameInput").css("display", "block");
            content.find("#selectProjectFolderInput").css("display", "none");
            content.find("#selectRoomInput").css("display", "none");
        }

        for (var i = 0; i < data.folders.length; i++) {
            var folder = data.folders[i];
            selectProjectFolder.append('<option value="' + folder.id + '">' + folder.name + '</option>');
        }

        selectProjectFolder.change(function() {
            selectRoom.children().remove();
            var id = selectProjectFolder.val();
            for (var i = 0; i < data.folders.length; i++) {
                var folder = data.folders[i];
                if (folder.id == id) {

                    if (folder.rooms.length == 0) {
                        selectRoom.attr("disabled", "disabled");
                        selectRoom.append('<option value="">No rooms available</option>');
                    } else {
                        selectRoom.attr("disabled", "");
                        selectRoom.append(selectRoomFirstOption);
                        for (var j = 0; j < folder.rooms.length; j++) {
                            var room = folder.rooms[j];
                            selectRoom.append('<option value="' + room.name + '">' + room.name + '</option>');
                        }
                    }
                }
            }
        });

        content.find("form").bind("submit", function() {
            var params = {};
            $(this).find("input, select").each(function() {
                var name = $(this).attr("name");
                var val = $(this).val();
                params[name] = val;
            });
            params["colorFinishCode"] = colorCode;
            params["colorFinishName"] = colorName;
            params["productNumber"] = productNumber;

            if ($(this).find("input[name='createProjectFolder']").is(":checked")) {
                params["folderId"] = "";
                params["rooms"] = "";
            } else {
                params["name"] = "";
            }

            // validate
            if (params.folderId == "" && params.name == "") {
                if (content.find(".error").length == 0) {
                    content.find("#selectProjectFolderInput")
                            .before('<span class="error">Please select a folder to save to.</span>');
                }
            } else {
                // submit the form
                $.getJSON("/ajax/add-project-folder-item", params, function(data) {
                    Sterling.Overlay.close(content);
                    content = $("#saveToMySterlingSuccess").clone();
                    Sterling.Overlay.open(content, x, y);

                    content.find("input[value='Close']").click(function() {
                        Sterling.Overlay.close(content);
                    });

                    content.find("input[value='View Project Folders']").click(function() {
                        window.location.href = "/my-sterling/folder-list";
                    });

                    sendOmnitureAddItem(productNumber, price, colorName, category);
                });
            }

            return false;
        });
    }

    function sendOmnitureAddItem(sku, price, color, category) {
        omniture = s_gi(s_account);
        omniture.linkTrackVars='products,events';
        omniture.linkTrackEvents='event8,event18';
        omniture.products = ';' + sku + ';;;EVENT8=' + price + '|EVENT18=1,eVar19=' + color.toUpperCase() + '|EVAR1=' + category.toUpperCase();
        omniture.events = 'event8,event18';
        omniture.tl(true, 'o', 'Add Folder');
    }

  

});