$(function() {
	$('.tabs').tabs();
});

jQuery.fn.extend({
    tabs: function() {
        return this.each(function() {
            if(!$(this).hasClass('ui-tab-wrapper')) {
                $(this)
                    .addClass('ui-tab-wrapper')
                    .find('ul:first')
                    .addClass('ui-tab-header')
                    .find('li:first')
                    .addClass('ui-tab-active')
                    .parents('div:first')
                    .children('div')
                    .addClass('ui-tab-panel')
                    .eq(0)
                    .addClass('ui-tab-panel-active');
                $(this).children('.ui-tab-header').find('a').click(function() {
                    var target = $(this);
                    var related = target.attr("href").substring(target.attr("href").indexOf("#"));
                    if(!related) return false;
                    var panel = $(related);
                    if(!(target.parent('li').hasClass('ui-tab-active'))) {
                        $('.ui-tab-active',target.parents('ul')).removeClass('ui-tab-active');
                        $('.ui-tab-panel-active',panel.parents('div')).removeClass('ui-tab-panel-active');

                        target.parent('li').addClass('ui-tab-active');
                        panel.addClass('ui-tab-panel-active');
                    }
                    return false;
                });
            }
        });
    }
});

function removeTabDataList() {
    $("#tab_header_id").empty();
    $("#tab_content_id").removeClass('ui-tab-wrapper');
    $("div","#tab_content_id").remove('.ui-tab-panel');
}
function addTabHeaderDataToPage(allData){
	removeTabDataList();
	var headerData = allData['tabHeader'];
	var contentData = allData['tabContents'];

	//adding the tab header content.
	for(var i = 0; i < headerData.length; i++){
		var $listItem = $('<li></li>');
		if(i == 0){
			$listItem.addClass('active');
		}
		$listItem.html('<a href=#tab-'+(i+1)+'>'+headerData[i] +'</a>');
		$('#tab_header_id').append($listItem);
	}

	// to add the tab content to the screen.
	for(var k = 0; k < contentData.length; k++){
		var idName = 'tab-' + (k+1);
		var $itemToAdd = $('<div id='+idName+'></div>');
			$itemToAdd.html(contentData[k]);
		$('#tab_content_id').append($itemToAdd);
	}

	$('.tabs').tabs();
}
 

//QuickLook 
var global_img;
$(document).ready(function(){

var Imglength = $('.img').length;
for(i=0;i<=Imglength;i++)
{ 
$('#img'+i).mouseover(function(){
global_img = this.id;
    x=$(this).position();
    var topvalue = x.top+135;
	var leftvalue = x.left+38;
	$('.quicklook').css({'display':'block','position':'absolute','top':topvalue,'left':leftvalue});
	 }).mouseout(function(){
   $('.quicklook').hide();
     });
	}
  
  $('.quicklook').mouseover(function(){
  $(this).css({'display':'block','cursor':'pointer'});
  $('.quicklook img').attr('src','/keds/images/quicklook_button.png');
   }).mouseout(function(){
   $(this).css('display','none');
   $('.quicklook img').attr('src','/keds/images/quicklook_button.png');
  });
//$("#previewbox").draggable({ cursor: 'move'});
   
});

//thickbox

var gradient = function(id, level){
    $(document).ready(function(){
     var previewbox = document.getElementById(id);
	//previewbox.style.opacity = level;
	//previewbox.style.MozOpacity = level;
	//previewbox.style.KhtmlOpacity = level;
	//previewbox.style.filter = "alpha(opacity=" + level * 100 + ")";
	previewbox.style.display="block";
	return;

    });
};

var fadein = function(id){
    $(document).ready(function(){
     var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
    });
};

var openbox = function(fadin){
    $(document).ready(function(){
     var previewbox = document.getElementById('previewbox'); 
  document.getElementById('filter').style.display='none';
  var Imglength1 = $('.img').length;
	for(i=0;i<=Imglength1;i++)
	{
 	var sample = $('#img'+i).position();
 	document.getElementById('previewbox').style.position = 'absolute';
	var d=document;
	var setpopup=d.documentElement.scrollTop ? d.documentElement.scrollTop:d.body.scrollTop; 
	var setpopdown=d.documentElement.scrollLeft ? d.documentElement.scrollLeft:d.body.scrollLeft; 
	document.getElementById('previewbox').style.top = setpopup+50+'px';
 	document.getElementById('previewbox').style.left = setpopdown+215+'px';

}
var global_anchor = $('#'+global_img).find('a').attr('href').replace('productdetails','quicklookproduct');
$('.thickbox').load(global_anchor);
if(fadin)
  {
	 gradient("previewbox", 0);
	 fadein("previewbox");
  }
  else
  { 	
    previewbox.style.display='block';
  }  	


	});
};

var closebox = function(){
    $(document).ready(function(){
document.getElementById('filter').style.display='none';
$('#previewbox').fadeOut(1000);
$('.thickbox').empty();
							   });
};



// esc
document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 27) {
var esc_obj = document.getElementById('previewbox');
var escoverlay_obj = document.getElementById('filter');
esc_obj.style.display='none';
escoverlay_obj.style.display='none';
           }
};

//outside click
document.onclick = function(e) {
     var target = (e && e.target) || (event && event.srcElement);
        var obj = document.getElementById('previewbox');
		var obj_filter = document.getElementById('filter');
        if(target!=obj)
		{
			obj.style.display='none';
			obj_filter.style.display='none';
			}
	 };

$(document).ready(function(){
$("#previewbox").click(function(event) {
        event.stopPropagation();
});
});